Pseudoklassen read-write

Pseudoklassen read-write anger stilen för inmatningsfält vars värden är tillgängliga för ändring.

Syntax

cssselektor:read-write {}

Låt oss sätta blåa kanter på inmatningsfältet där data kan matas in:

html<p>
  <label>Ange text</label>
  <input type="text">
</p>
<p>
  <label>Skrivskyddad text</label>
  <input type="text" value="text" readonly>
</p>

cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

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