Pseudoklassen read-write
Pseudoklassen read-write anger stilen
för inmatningsfält vars värden är tillgängliga
för ändring.
Syntax
selektor:read-write {}
Exempel
Låt oss sätta blåa kanter på inmatningsfältet där data kan matas in:
<p>
<label>Ange text</label>
<input type="text">
</p>
<p>
<label>Skrivskyddad text</label>
<input type="text" value="text" readonly>
</p>
input:read-write {
border: 1px solid #467CBC;
}
input:read-only {
border: 1px solid #D8DFE8;
}
:
Se även
-
pseudoklassen
:read-only,
som anger stil för inmatningsfält som inte kan ändras -
pseudoklassen
:default,
som anger stil för element som standard -
pseudoklassen
:indeterminate,
som anger stil för växlar som befinner sig i ett obestämt tillstånd -
pseudoklassen
:optional,
som anger stil för inmatningsfält utan attributet required -
pseudoklassen
:required,
som anger stil för inmatningsfält där attributet required är satt -
pseudoklassen
:focus-within,
som anger stil för element i fokus -
egenskapen
caret-color,
som anger färg för textmarkören i inmatningsfält