Как выбрать ярлык для = “email” в CSS?

HTML:

CSS:

 label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } 

Я хочу создать новый 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... */ } 

Они могут быть одиночными или двойными кавычками .

  • Почему мой jQuery: not () не работает в CSS?
  • Нужно найти элемент в seleniumе css
  • Селектор CSS (идентификатор содержит часть текста)
  • Что означает «i» в селекторе атрибутов CSS?
  • Что означает .container. \ 31 25 \ 25 в CSS?
  • Может ли псевдоclass classа not () иметь несколько аргументов?
  • выбрать самый глубокий ребенок в jQuery
  • Что делает Asterisk (*) в селекторе CSS?
  • Что означает селектор CSS>> (больше, чем знак)?
  • В чем разница между html и html: lang (en) в CSS?
  • : первый ребенок не работает должным образом
  • Давайте будем гением компьютера.