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

HTML:

CSS:

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

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

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... */ } 

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

  • CSS '>' селектор; что это?
  • Как я могу выбрать элемент с несколькими classами в jQuery?
  • Ошибка Webkit с `: hover` и несколькими соседними селекторами
  • CSS Child vs Descendant selectors
  • Как написать: условие зависания для: before и a: after?
  • Селектор CSS для выбора первого элемента данного classа
  • Выделите все флажки с помощью jQuery
  • Недопустимый селектор CSS заставляет исключить правило: что такое обоснование?
  • Какие селектора CSS3 действительно поддерживают jQuery, например: nth-last-child ()?
  • nth-child не отвечает classу
  • В каком направлении двигатели селектора читают, точно?
  • Давайте будем гением компьютера.