CSS :checked Selector
ตัวอย่าง
ตั้งค่าความสูงและความกว้างสำหรับองค์ประกอบ <input> ที่เลือกทั้งหมด:
input:checked {
height: 50px;
width: 50px;
}
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
ตัว:checked
เลือกจะจับคู่ทุกองค์ประกอบ <input> ที่เลือก (สำหรับปุ่มตัวเลือกและช่องทำเครื่องหมายเท่านั้น) และองค์ประกอบ <option>
รุ่น: | CSS3 |
---|
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนตัวเลือกอย่างสมบูรณ์
Selector | |||||
---|---|---|---|---|---|
:checked | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
ไวยากรณ์ CSS
:checked {
css declarations;
}
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ตั้งค่าความสูงและความกว้างสำหรับองค์ประกอบ <option> ที่เลือกทั้งหมด:
option:checked {
height: 100px;
width: 100px;
}
หน้าที่เกี่ยวข้อง
การอ้างอิงตัวเลือก CSS: CSS :disabled selector
CSS Selector Reference: CSS :enabled selector