CSS

Воздействие на элементы формы

Заданное значение свойства color можно (теоретически всегда) применить к элементам формы. Объявление для элементов select темно-серого текста должно быть простым:

select {color: rgb(33%,33%,33%);}


При этом, возможно, будет задан (а возможно, и нет) цвет рамок, окружающих края элемента select. Все зависит от агента пользователя и применяемых по умолчанию стилей. Также можно было бы задать основной цвет элементов input, хотя в результате данный цвет будет применен ко всем элементам ввода, от текста до переключателей и флажков.

select {color: rgb(33%,33%,33%);}
input {color: gray;}


Дело в том, что стили назначены только таким элементам, как input и select, а не тексту обычного (или какого-либо иного) абзаца. В CSS1 не было возможности различать типы элементов input. Таким образом, для того чтобы задать для флажков один цвет, а для переключателей другой, пришлось бы назначать им классы:

input.radio {color: #666;}
input.check {color: #CCC;}
<input type="radio" name="r2" value="a" class="radio" />
<input type="checkbox" name="c3" value="one" class="check" />


В CSS2 и более поздних версиях различать элементы на основании их атрибутов несколько проще благодаря селекторам атрибутов:

input[type="radio"] {color: #333;}
input[type="checkbox"] {color: #666;}
<input type="radio" name="r2" value="a " />
<input type="checkbox" name="c3" value="one "/>


Селекторы атрибутов позволяют обходиться вообще без классов, по крайней мере в этом случае. К сожалению, многие агенты пользователя не поддерживают селекторы атрибутов, поэтому, вероятно, еще какое-то время классы будут необходимы. Navigator 4 не применяет цвета к элементам формы, но определение цветов для элементов формы работает в Internet Explorer 4 и последующих версиях и Opera 3.5+. Однако многие версии остальных броузеров вообще не обеспечивают стилевого оформления элементов формы из-за неопределенности в том, как они должны быть оформлены.
Теги:
цвет, фон
Добавлено: 18 Июля 2018 21:05:05 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...