Как выбрать ярлык для = “email” в CSS?
HTML:
- Как я могу выбрать n-й ребенок, не зная родительский элемент?
- Есть ли способ обхода CSS classов с именами, которые начинаются с действительных чисел?
- Почему мой jQuery: not () не работает в CSS?
- Селектор CSS, который применяется к элементам с двумя classами
- Как выбрать первый, второй или третий элемент с заданным именем classа?
CSS:
label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; }
Я хочу создать новый CSS для электронной почты, поскольку он не должен быть таким широким.
- Должен ли я использовать одно или двойное обозначение двоеточия для псевдоэлементов?
- Чистая замена CSS-кода
- В чем разница между псевдоclassом и псевдоэлементом в CSS?
- Как получить n-й дочерний элемент с помощью селекторов CSS2?
- В CSS какая разница между «.» И «#» при объявлении набора стилей?
- : not () не ведет себя так же между Safari и Chrome / Firefox
- Предполагается, что селектор CSS: not () должен работать с отдаленными потомками?
- Есть ли селектор CSS по префиксу classа?
One Solution collect form web for “Как выбрать ярлык для = “email” в CSS?”
Селектором будет label[for=email] , поэтому в CSS:
label[for=email] { /* ...definitions here... */ }
… или в JavaScript с использованием DOM:
var element = document.querySelector("label[for=email]");
… или в JavaScript с помощью jQuery:
var element = $("label[for=email]");
Это селектор атрибутов . Обратите внимание, что некоторые браузеры (например, версии IE <8) могут не поддерживать селектора атрибутов, но более поздние. К сожалению, для поддержки старых браузеров, таких как IE6 и IE7, вам придется использовать класс (ну или какой-то другой структурный путь), к сожалению.
(Я предполагаю, что шаблон {t _your_email} заполнит поле с id="email" . Если нет, используйте class вместо этого.)
Обратите внимание: если значение выбранного атрибута не соответствует правилам для идентификатора CSS (например, если в нем есть пробелы или скобки или начинается с цифры и т. Д.), Вам нужны котировки вокруг стоимость:
label[for="field[]"] { /* ...definitions here... */ }
Они могут быть одиночными или двойными кавычками .