Размеры входного бутстрапа расширяются только по ширине, а кнопки расширяются как по высоте, так и по размеру шрифта. (см. рис.) Я пытаюсь настроить входы для расширения по высоте и размеру шрифта. (Примечание: они исправляют это для следующей версии, но я слишком нетерпелив ждать)
До сих пор я могу добиться этого только с помощью !important
hack для переопределения ввода css. Я хочу избежать использования !important
любой ценой, потому что это ужасная практика.
В настоящее время это код для расширения высоты .input-large
. Это не работает, когда я удаляю !important
. Я предполагаю, что это потому, что входы получают более высокий приоритет, чем классы (которые я считаю абсолютно глупыми, но исправьте меня, если я ошибаюсь).
.input-large {
width: 210px;
height: 44px !important;
margin-bottom: 10px !important;
line-height: 30px !important;
padding: 11px 19px !important;
font-size: 17.5px !important;
}
Можно ли достичь этого без удаления стиля ввода по умолчанию и не объявлять !important
?
Здесь сценарий: http://jsfiddle.net/xryQK/