पseudoclass focus

पseudoclass focus इनपुट, टेक्स्टएरिया या लिंक के लिए स्टाइल निर्धारित करता है जिसमें इनपुट फोकस है। इनपुट फोकस - यह तब होता है जब हमने इनपुट पर क्लिक किया हो और वहां पॉइंटर कर्सर ब्लिंक कर रहा हो (टेक्स्ट दर्ज किया जा सकता है)।

सिंटैक्स

cssinput:focus {
  
}

उदाहरण

फोकस मिलने के बाद इनपुट को लाल बॉर्डर और शैडो मिलेगा:

html<input>
cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

यह भी देखें

  • पseudoclass link,
    जो अनदेखे लिंक के लिए स्टाइल निर्धारित करता है
  • पseudoclass visited,
    जो देखे गए लिंक के लिए स्टाइल निर्धारित करता है
  • पseudoclass hover,
    जो हॉवर पर लिंक के लिए स्टाइल निर्धारित करता है
  • पseudoclass active,
    जो एक्टिवेशन पर लिंक के लिए स्टाइल निर्धारित करता है