:focusसीएसएस में छद्म वर्ग एक तत्व है कि वर्तमान में कुंजीपटल द्वारा लक्षित है, या माउस से सक्रिय स्टाइलिंग के लिए प्रयोग किया जाता है। यहाँ एक उदाहरण है:
textarea:focus ( background: pink; )किसी भी तत्व (आमतौर पर सबसे अधिक s और s) "फ़ोकस" में होते हैं, जब वे चुने जाते हैं और पाठ में प्रवेश करने के लिए तैयार होते हैं (जैसे कि एक कर्सर पलक झपकते ही)। माउस उपयोगकर्ता labelध्यान केंद्रित करने के लिए उन्हें (या उनके संबंधित ) क्लिक कर सकते हैं , और कीबोर्ड उपयोगकर्ता उनमें TAB कर सकते हैं।
"टैबिंग"
:focusछद्म वर्ग का नोटेर उपयोग तत्वों के माध्यम से "टैबिंग" है। कई ब्राउज़र में टैब चयन के लिए एक डिफ़ॉल्ट फ़ोकस स्थिति होती है, जो एक बिंदीदार रूपरेखा है। इसे निकालना काफी आसान है, लेकिन यदि आप इसे करते हैं तो इसे एक उपयुक्त विकल्प के साथ बदलना सुनिश्चित करें।
रों, s, s, और textareas सभी :focus राज्य डिफ़ॉल्ट रूप से, लेकिन आप HTML में किसी भी तत्व को ध्यान देने के राज्य दे सकते हैं। इस उदाहरण में, दोनों contenteditable और tabindexविशेषताएँ इसके लिए काम करती हैं:
सम्बंधित
12 मई, 2017 को अनुच्छेद`: फोकस-भीतर` छद्म वर्ग
क्रिस कॉयर
ब्राउज़र का समर्थन
सभी ब्राउज़र मूल उपयोग का समर्थन करते हैं :focus।