सीएसएस : फोकस चयनकर्ता
उदाहरण
किसी इनपुट फ़ील्ड पर फ़ोकस होने पर उसे चुनें और स्टाइल करें:
input:focus
{
background-color: yellow;
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
:focus
चयनकर्ता का उपयोग उस तत्व का चयन करने के लिए किया जाता है जिस पर फ़ोकस होता है ।
युक्ति: :फोकस चयनकर्ता को उन तत्वों पर अनुमति है जो कीबोर्ड ईवेंट या अन्य उपयोगकर्ता इनपुट स्वीकार करते हैं।
संस्करण: | सीएसएस 2 |
---|
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो चयनकर्ता का पूर्ण समर्थन करता है।
Selector | |||||
---|---|---|---|---|---|
:focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
सीएसएस सिंटेक्स
:focus {
css declarations;
}
और ज्यादा उदाहरण
उदाहरण
जब एक <इनपुट प्रकार = "टेक्स्ट"> फोकस हो जाता है, तो धीरे-धीरे चौड़ाई को 100px से 250px में बदलें:
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस छद्म कक्षाएं