2016-06-17 2 views
3

В Google Chrome, когда я использую Bootstrap, текстовые поля не работают должным образом.Проблема с загрузочной загрузкой в ​​Google Chrome

Если написано для примера: «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-разрядная версия)

Это кажется незначительным, но мне нужно идеальное поведение textarea для других функций на моем веб-сайте.

Есть ли способ его исправить, без обновления Chrome версия? (Я не могу заставить пользователей иметь последнюю версию Chrome)

Спасибо!

ответ

0

Вы пропустили form-control класс. Посмотрите на это:

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

К сожалению, с контролем формы не работает ... – Lauriane

Смежные вопросы