: mặc định - Thủ thuật CSS

Bộ :defaultchọn giả sẽ khớp với giá trị mặc định trong một nhóm các phần tử được liên kết, chẳng hạn như nút radio trong một nhóm nút được chọn theo mặc định, ngay cả khi người dùng đã chọn một giá trị khác.

input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )

CSS ở trên nhắm mục tiêu nhãn đến ngay sau nút radio được chọn mặc định trong một nhóm các nút radio:

đỏ
màu xanh lá
màu xanh da trời

Theo sau nhãn của nút radio màu xanh lá cây sẽ có văn bản “(mặc định)” màu xám, văn bản nghiêng trong các trình duyệt hỗ trợ.

đỏ
màu xanh lá
màu xanh da trời

Các ví dụ bao gồm nút gửi mặc định trong một nhóm các nút, tùy chọn mặc định từ menu bật lên, nút radio có checkedthuộc tính được đặt trong HTML (như được thấy trong các trình duyệt hỗ trợ) và các hộp kiểm được chọn theo mặc định.

Nhiêu tai nguyên hơn

Bản giới thiệu
Trang MDN trên: mặc định
Thông số kỹ thuật giao diện người dùng W3C CSS3
Bộ chọn W3C Cấp 4

Hỗ trợ trình duyệt

Các trình duyệt khác nhau có các mức hỗ trợ khác nhau. Firefox cung cấp hỗ trợ đầy đủ. Trình duyệt Webkit hỗ trợ mặc định trên các nút nhưng không hỗ trợ trên radio hoặc hộp kiểm, và Opera thì ngược lại, hỗ trợ nó trên các nút radio và hộp kiểm, nhưng không hỗ trợ trên trình gửi.

Opera hỗ trợ :defaulttrên các hộp kiểm và nút radio.
Các trình duyệt Webkit, bao gồm Chrome và Safari, hỗ trợ :defaulttrên nút gửi
Firefox hỗ trợ :defaulttrên hộp kiểm, radio VÀ gửi các loại đầu vào.
Internet explorer không hỗ trợ :defaulttrên hộp kiểm, radio hoặc gửi các loại đầu vào.