ตัวอย่าง
เลือกและรูปแบบช่องใส่เมื่อได้รับโฟกัส:
input:focus
{
background-color: yellow;
}
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
: การเลือกโฟกัสจะใช้ในการเลือกองค์ประกอบที่มีโฟกัส
Tip: : การเลือกโฟกัสที่ได้รับอนุญาตในองค์ประกอบที่ยอมรับเหตุการณ์แป้นพิมพ์หรือปัจจัยการผลิตของผู้อื่น
| เวอร์ชัน: | CSS2 |
|---|
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เลือก
| ผู้เลือก | |||||
|---|---|---|---|---|---|
| :focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: สำหรับ: มุ่งเน้นการทำงานใน IE8 เป็น <! DOCTYPE> จะต้องประกาศ
CSS ไวยากรณ์
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เมื่อ <input type="text"> ได้รับโฟกัสค่อยๆเปลี่ยนความกว้างจาก 100px 250px เพื่อ:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
} ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: คลาส CSS Pseudo