Pseudo class read-write

Pseudo class read-write định nghĩa kiểu dáng cho các trường nhập liệu mà giá trị của chúng có thể được thay đổi.

Cú pháp

cssselector:read-write {}

Ví dụ

Hãy thiết lập viền màu xanh da trời cho trường nhập liệu có thể nhập dữ liệu:

html<p>
  <label>Nhập văn bản</label>
  <input type="text">
</p>
<p>
  <label>Văn bản chỉ đọc</label>
  <input type="text" value="text" readonly>
</p>

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

Результат:

Xem thêm