CSS :focus-visible प्रणाली

रोज़ी और उपयोग

CSS :focus-visible फ़ॉकस करने के लिए केवल कीबोर्ड का उपयोग करते हुए फ़ोकस शैली लागू करने के लिए उपयोग किया जाता है, न कि माउस का उपयोग करते हुए।

यह :focus एक-साथ इस्तेमाल करके, कीबोर्ड फोकस और माउस/स्पर्श फोकस के लिए अलग-अलग फोकस शैली बनाएं।

उदाहरण

कीबोर्ड टैब के माध्यम से फोकस प्राप्त करने वाले बटन के शैली को चुनें और सेट करें:

button:focus-visible {
  outline: 2px solid red;
}

स्वयं को प्रयोग करें

CSS व्याकरण

:focus-visible {
  css declarations;
}

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस प्रणाली के पहले संस्करण को पूरी तरह से समर्थन करते हैं।

संबंधित पृष्ठ

ट्यूटोरियलःCSS फ़ॉक्स

संदर्भःCSS :focus फ़ॉक्स