gpt4 book ai didi

html - 谷歌浏览器中的 Bootstrap textarea 问题

转载 作者:太空宇宙 更新时间:2023-11-04 13:07:56 27 4
gpt4 key购买 nike

在 Google Chrome 中,当我使用 Bootstrap 时,文本区域无法正常工作。

例如,如果写成:“fi”,光标永远不会在“f”和“i”之间移动。它直接从 "fi|" 传递到 "|fi"

我做了一些示例,以查看行为:

  1. 使用 Bootstrap :http://www.square-it.wtf/test-with-bootstrap
  2. 没有 Bootstrap :http://www.square-it.wtf/test

示例代码:

<html>
<head>
<title>Test</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body>
<h3>Textarea behavior <mark>with</mark> bootstrap</h3>
<textarea rows="5" cols="40">fi</textarea>
</body>
</html>

我的 Chrome 版本 50.0.2661.102(64 位)

这似乎微不足道,但我需要一个完美的文本区域行为来实现我网站中的其他功能。

有没有办法修复它,无需更新 Chrome 版本? (我不能强制用户拥有最新的 Chrome 版本)

谢谢!

最佳答案

您错过了 form-control 类(class)。看看这个:

<textarea name="" id="input" class="form-control" rows="3" required="required"></textarea>

关于html - 谷歌浏览器中的 Bootstrap textarea 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37875842/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com