Как выбрать метку для= "email" в CSS?

Question

Как выбрать метку для= "email" в CSS?

HTML:

<label for="email">{t _your_email}:</label>

CSS:

label {

  display: block;

  width: 156px;

  cursor: pointer;

  padding-right: 6px;

  padding-bottom: 1px;

}

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

649 1

css css-selectors

1 ответ:

Comments

Ничего не найдено.

T.J. Crowder · Accepted Answer · 2017-11-11 17:24:28

селектор будет 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

(Я предполагаю, что шаблон {t _your_email} заполнит поле с id="email". Если нет, используйте класс вместо этого.)

обратите внимание, что если значение выбранного атрибута не соответствует правилам для идентификатор CSS (например, если он содержит пробелы или скобки, или начинается с цифры, и т. д.), вам нужны кавычки вокруг значения:
label[for="field[]"]
{
    /* ...definitions here... */
}
они могут быть одинарные или двойные кавычки.