Селектор CSS для <входной тип = “?”
4 ответа
Да. IE7 + поддерживает селекторы атрибута:
input[type=radio]
input[type^=ra]
input[type*=d]
input[type$=io]
вход Элемента с типом атрибута, который содержит значение, которое равно, начинается, содержит или заканчивается определенным значением.
Другой сейф (IE7 +) селекторы:
- Родитель> ребенок, который имеет:
p > span { font-weight: bold; } - Предшествовавший ~ элементом, который является:
span ~ span { color: blue; }
, Который для <p><span/><span/></p> эффективно дал бы Вам:
<p>
<span style="font-weight: bold;">
<span style="font-weight: bold; color: blue;">
</p>
Дополнительные материалы для чтения: совместимость CSS Браузера на quirksmode.com
я удивлен, что все остальные думают, что она не может быть сделана. Селекторы атрибута CSS в течение некоторого времени уже были здесь. Я предполагаю, что время, что мы очищаем наши .css файлы.
<забастовка> Печально другие плакаты корректны, что Вы - ... на самом деле, как исправлено kRON, Вы соглашаетесь со своим IE7 и строгим документом, но большинство из нас с требованиями IE6 уменьшается до JS или ссылок класса для этого, но это свойство CSS2, всего один без достаточной поддержки со стороны браузеров IE^h^h.
Из полноты, селектор типа - подобен xpath - формы [attribute=value], но много интересных вариантов существуют. Это будет быть довольно мощным, когда это будет доступная, хорошая вещь сохранить в Вашей голове для IE8.
Можно сделать это с jQuery. Используя их селекторы, можно выбрать атрибутами, такими как тип. Это действительно, однако, требует, чтобы Вашим пользователям включили JavaScript и дополнительный файл для загрузки, но если он работает...
Извините, короткий ответ нет. CSS (2.1) только повысит элементы DOM, не их атрибуты. Необходимо было бы применить определенный класс к каждому входу.
Лентяй я знаю, потому что это было бы невероятно полезно.
я знаю, что Вы сказали предпочтение CSS по JavaScript но необходимо все еще рассмотреть использование jQuery. Это обеспечивает очень чистый и изящный способ добавить стили к элементам DOM на основе атрибутов.