Pseudo-klassen read-write
Pseudo-klassen read-write angiver styling
for inputfelter, hvis værdier er tilgængelige
for ændring.
Syntaks
selektor:read-write {}
Eksempel
Lad os sætte lyseblå kanter omkring inputfeltet, hvor det er muligt at indtaste data:
<p>
<label>Indtast tekst</label>
<input type="text">
</p>
<p>
<label>Læs tekst</label>
<input type="text" value="text" readonly>
</p>
input:read-write {
border: 1px solid #467CBC;
}
input:read-only {
border: 1px solid #D8DFE8;
}
:
Se også
-
pseudo-klassen
:read-only,
som angiver styling for inputfelter, der ikke kan ændres -
pseudo-klassen
:default,
som angiver styling for standardelementer -
pseudo-klassen
:indeterminate,
som angiver styling for afkrydsningsfelter, der er i en ubestemt tilstand -
pseudo-klassen
:optional,
som angiver styling for inputfelter uden attributten required -
pseudo-klassen
:required,
som angiver styling for inputfelter med attributten required sat -
pseudo-klassen
:focus-within,
som angiver styling for elementer i fokus -
egenskaben
caret-color,
som angiver farven på den tekstmarkør, der vises i inputfelter
