Примените стили начальной загрузки к элементам div без изменения класса

0

Я строю экран со многими элементами формы, используя соглашение ниже; это избавляет меня от добавления 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, так что не удивительно.

Теги:
twitter-bootstrap-3

1 ответ

1
Лучший ответ

Скопируйте правила из формы-контроля и просто примените правила для ввода и выберите, если вы хотите использовать его автоматически для своего класса formdiv:

.formdiv input, select {
RULES FROM FORM CONTROL
}

ДЕМО ЗДЕСЬ

Обновленный DEMO + CSS находится здесь: http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.css

Копирование необходимо, потому что вы не можете наследовать правила из других классов. Поэтому, если вы хотите избежать применения стиля управления формой для каждого входа и выбора, вы должны использовать подход выше. Но это все же быстрее, чем "контроль формы" для каждого входа в каждой форме.

  • 0
    блин, боялся этого; копирование является единственным вариантом? Кроме того, элементы управления вводом не являются непосредственными потомками родительского элемента div, они просто находятся в элементе div в разных местах, это имеет значение?
  • 0
    пожалуйста, покажите мне HTML-форму
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню