Giả lớp read-only

Giả lớp read-only áp dụng kiểu dáng cho các phần tử input có thuộc tính readonly. Một input như vậy chỉ dành cho việc đọc, tức là không thể nhập hoặc thay đổi dữ liệu trong đó, tuy nhiên có thể chọn và sao chép dữ liệu.

Cú pháp

bộ-chọn:read-only {
	
}

Ví dụ

Hãy đặt viền màu xám nhạt cho input chỉ dành để đọc:

<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-only {
	border: 1px solid #D8DFE8;
}

Xem thêm

giả lớp :read-write,
áp dụng kiểu dáng cho các input có thể chỉnh sửa
giả lớp :default,
áp dụng kiểu dáng cho các phần tử mặc định
giả lớp :indeterminate,
áp dụng kiểu dáng cho các công tắc ở trạng thái không xác định
giả lớp :optional,
áp dụng kiểu dáng cho input không có thuộc tính required
giả lớp :placeholder-shown,
áp dụng kiểu dáng khi văn bản gợi ý được hiển thị
giả lớp :required,
áp dụng kiểu dáng cho input có thuộc tính required
giả lớp :focus-within,
áp dụng kiểu dáng cho các phần tử trong trạng thái focus
thuộc tính caret-color,
xác định màu sắc của con trỏ văn bản trong input