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

selector:read-write {}

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:

<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>

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

pseudo class :read-only,
định nghĩa kiểu dáng cho các trường nhập liệu không thể chỉnh sửa
pseudo class :default,
định nghĩa kiểu dáng cho các phần tử mặc định
pseudo class :indeterminate,
định nghĩa kiểu dáng cho các công tắc ở trạng thái không xác định
pseudo class :optional,
định nghĩa kiểu dáng cho trường nhập liệu không có thuộc tính required
pseudo class :required,
định nghĩa kiểu dáng cho trường nhập liệu có thuộc tính required
pseudo class :focus-within,
định nghĩa kiểu dáng cho các phần tử đang được focus
thuộc tính caret-color,
thiết lập màu sắc cho con trỏ văn bản trong trường nhập liệu