Google Chrome中的Bootstrap textarea問題

在Google Chrome瀏覽器中，當我使用Bootstrap時，textareas無法正常工作。Google Chrome中的Bootstrap textarea問題

如果它寫成例子：「fi」，遊標永遠不會在「f」和「i」之間移動。它直接從「fi |」至「| fi」。

我已經取得了一些樣品，看到的行爲：

自舉：http://www.square-it.wtf/test-with-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位）

它似乎無足輕重，但我需要一個完美的textarea行爲在我的網站中的其他功能。

有沒有辦法修復它，沒有更新Chrome版本？（我不能強制用戶擁有最新的Chrome版本）

謝謝！

來源

2016-06-17 Lauriane

您錯過了form-control班。看看這個：

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

來源

2016-06-17 07:47:38 claudios

不幸的是，它不能更好地使用窗體控件... – Lauriane

Google Chrome中的Bootstrap textarea問題

回答

相關問題