¿Cómo seleccionar label for= "email" en CSS?

Question

¿Cómo seleccionar label for= "email" en CSS?

HTML:

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

CSS:

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

Quiero hacer un nuevo CSS para la etiqueta de correo electrónico, ya que no está destinado a ser tan amplio.

200

css css-selectors

Author: Mohammad Usman, 2010-04-08

Source

1 answers

score 412 · Accepted Answer

El selector sería label[for=email], así que en CSS:

label[for=email]
{
    /* ...definitions here... */
}

...o en JavaScript usando el DOM:

var element = document.querySelector("label[for=email]");

...o en JavaScript usando jQuery:

var element = $("label[for=email]");

Es un selector de atributos . Tenga en cuenta que algunos navegadores (versiones de IE

(Estoy asumiendo que la plantilla {t _your_email} rellenará un campo con id="email". Si no, usa una clase en su lugar.)

Tenga en cuenta que si el valor del atributo que está seleccionando no se ajusta a las reglas de un identificador CSS (por ejemplo, si tiene espacios o corchetes, o comienza con un dígito, etc.).), necesita comillas alrededor del valor:

label[for="field[]"]
{
    /* ...definitions here... */
}

Ellos pueden ser comillas simples o dobles.