Attributwert-Selektor

Der Attributwert-Selektor ermöglicht es, Elemente basierend auf dem Vorhandensein eines bestimmten Attributs oder seines Werts auszuwählen und die gewünschten Stile auf sie anzuwenden.

Beispiel

Wenden wir uns dem Tag input zu, bei dem der Wert des Attributs type gleich text ist, und weisen ihm eine hellblaue Hintergrundfarbe zu:

html<p>
  <label>Text eingeben</label>
  <input type="text">
</p>
<p>
  <label>Zahl eingeben</label>
  <input type="number">
</p>

cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

Siehe auch