Псевдокласата read-write

Псевдокласата read-write одредува стил на инпути чиишто вредности се достапни за промена.

Синтакса

cssселектор:read-write {}

Пример

Ајде да поставиме сини граници на инпутот во кој може да се внесуваат податоци:

html<p>
  <label>Внесете текст</label>
  <input type="text">
</p>
<p>
  <label>Текст за читање</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Погледнете ги и

  • псевдокласата :read-only,
    која одредува стил на инпути кои не се достапни за промена
  • псевдокласата :default,
    која одредува стил на елементи по основно
  • псевдокласата :indeterminate,
    која одредува стил на прекинувачи кои се во неодредена состојба
  • псевдокласата :optional,
    која одредува стил на инпут кој го нема атрибутот required
  • псевдокласата :required,
    која одредува стил на инпут кој го има зададено атрибутот required
  • псевдокласата :focus-within,
    која одредува стил на елементи во фокус
  • својството caret-color,
    кое одредува боја на текстот курсорот во инпутот