29. :read-only - CSS3

Przeznaczenie selektora :read-only

:read-only { ... }

Selektor :read-only odwołuje się do każdego elementu HTML, którego cechy w danym momencie spełniają zasadę pseudoklasy :read-only.

Cechy elementu HTML spełniają zasadę pseudoklasy :read-only, gdy w danym momencie do danego elementu HTML nie możemy wprowadzić własnego tekstu.

Informacje techniczne o selektorze :read-only

ograniczenie - elementy HTML

  • brak

ograniczenie - właściwości CSS

  • brak

Przykładowa reguła CSS, selektor :read-only

p:read-only {
  color:red;
}

Wyjaśnienie przykładowej reguły CSS

p:read-only { color:red; }

p:read-only

  • do każdego elementu p, do którego nie możemy wprowadzić własnego tekstu

color

  • dodaj właściwość CSS, która zmieni kolor tekstu elementu HTML

red

  • na barwę czerwoną

Kod źródłowy przykładowego dokumentu HTML

Rezultat

Interpretacja selektora :read-only

Last updated