СSS – стили элементов формы

В принципе, много полезной информации о стилях можно почерпать на css.manual.ru. Но там почему-то умалчивают об одной интересной фиче CSS, которая напоминает мне фильтр по определенному значению. Например, я хочу чтоб у меня кенопка была синняя а текстовое поле зеленым. Причем пользоваться классами нельзя, так как сам html код уже написан и модификации не подлежит. Для этого в стилевом файле достаточно прописать:

input[type=”sumbit”] { color: blue; }
input[type=”text”] { color: green; }

эту запись можно расшифровать как “для всех input у которых атрибут type равен “submit” установить такой стиль”. В принципе, в более общей форме данное выражение записывается так:

<element>[<attrib>=”<value>”] { <style-definition> }

и позволяет элементам с одинаковыми именами, но различными значениями атрибутов иметь разные стили.



Digital Ocean
Провайдер облачного хостинга - заведи свой виртуальный сервер всего за $5 в месяц !

One Comment

  1. Денис Перехрест

    забыл упомянуть оч. важную вещь: кроссбраузерность этого решения. ИЕ на эти экзерсисы чихать…

Leave a Reply