Psevdoklass read-write

Psevdoklass read-write qiymati o'zgartirilishi mumkin bo'lgan inputlarga stil beradi.

Sintaksis

cssselector:read-write {}

Misol

Keling, ma'lumot kiritish mumkin bo'lgan inputga ko'k rangli chegarani o'rnatamiz:

html<p>
  <label>Matn kiriting</label>
  <input type="text">
</p>
<p>
  <label>O'qish uchun matn</label>
  <input type="text" value="text" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Shuningdek qarang

  • psevdoklass :read-only,
    qiymati o'zgartirilishi mumkin bo'lmagan inputlarga stil beradi
  • psevdoklass :default,
    standart elementlarga stil beradi
  • psevdoklass :indeterminate,
    aniqlanmagan holatdagi o'tkazgichlarga stil beradi
  • psevdoklass :optional,
    required atributi yo'q bo'lgan inputga stil beradi
  • psevdoklass :required,
    required atributi o'rnatilgan inputga stil beradi
  • psevdoklass :focus-within,
    fokusdagi elementlarga stil beradi
  • xususiyat caret-color,
    inputdagi matn kursori rangini belgilaydi