Проблема с формой в расширении Chrome

229
01 февраля 2018, 16:32

Добрый день, уважаемые коллеги!

У меня такая проблема. Разработано расширение для Chrome с использованием Bootstrap. В нем есть форма ввода логина-пароля. На большинстве компьютеров она прекрасно работает. Но на двух машинах курсор с полей ввода опускается намного ниже поля ввода. Замечу, что версия браузера и версия ОС совпадают с теми, которые установлены на машинах с успешно работающим расширением. С чем это может быть связано и как это можно вылечить?

Разметка формы:

<form class = "form form-signin" action="" role="form">
  <div class="form-group">
    <label for="username">Логин</label>
    <input type="email" name="username" class="form-control username" placeholder="Username" required autofocus>
  </div>
  <div class="form-group">
    <label for="password">Пароль</label>
    <input type="password" name="password" class="form-control password" placeholder="Password" required>
  </div>
  <div class="form-group">
    <button type="submit" class="btn btn-lg btn-primary btn-block submit">Войти</button>
  </div>
</form>

Напомню, что использовался Bootstrap 3.

Заранее спасибо за ответ.

READ ALSO
Как менять цвет svg иконки при наведении?

Как менять цвет svg иконки при наведении?

Как через :hover менять цвет svg иконки?

238
Преобразование анимации SVG SMIL в анимацию CSS

Преобразование анимации SVG SMIL в анимацию CSS

Мой текущий пример SVG анимирован с использованием анимации SVG SMIL:

301
как убрать отступы от края браузера в css-grid

как убрать отступы от края браузера в css-grid

Слева и справа появляются оступы от границ блока до границ браузера

287
Как правильно разместить блоки?

Как правильно разместить блоки?

Здравствуйте! Скажите, как сделать так, как в макете? Надпись "Мы хотим сделать этот мир лучше" становится посередине, а нужно как в макете

434