Я строю экран со многими элементами формы, используя соглашение ниже; это избавляет меня от добавления class='...'
для каждого ввода, кнопки и выбора.
.formDiv button {
font-family: verdana;
font-size: 10px;
border: 1px solid #999;
border-radius:3px;
}
.formDiv input {
font-family: verdana;
border: 1px solid #999;
width: 110px;
}
Теперь я хочу использовать bootstrap; У меня все настроено; подтвердил, что он работает. Можно ли применить стиль bootstrap3 без добавления class='some-bs-style'
к каждому элементу формы? В идеале я хочу сделать что-то вроде этого:
.myDiv input {
//use bs3 input styling
}
.myDiv select {
//use bs3 select styling
}
Я вижу, что bootstrap использует form-control
, поэтому я попытался установить это в родительском div, используя:
<div id='#formdiv' class='form-control'>
.. но это не сработало; Я сосать на css, так что не удивительно.
Скопируйте правила из формы-контроля и просто примените правила для ввода и выберите, если вы хотите использовать его автоматически для своего класса formdiv:
.formdiv input, select {
RULES FROM FORM CONTROL
}
Обновленный DEMO + CSS находится здесь: http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.css
Копирование необходимо, потому что вы не можете наследовать правила из других классов. Поэтому, если вы хотите избежать применения стиля управления формой для каждого входа и выбора, вы должны использовать подход выше. Но это все же быстрее, чем "контроль формы" для каждого входа в каждой форме.