सीएसएस लिंक को अक्षम करने की ट्रिक

समस्या:

क्या सीएसएस का उपयोग करके लिंक को अक्षम करना संभव है? उदाहरण के लिए, यदि आपके पास "करंट-पेज" नामक एक क्लास है, तो आप क्लिक करने पर उस क्लास के लिंक को सक्रिय होने से रोकना चाह सकते हैं।

समाधान:

निम्नलिखित सीएसएस कोड स्निपेट एक सरल समाधान प्रदान करता है:

[aria-current="page"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}

यह कोड "aria-current='page'" विशेषता वाले तत्वों को लक्षित करता है और "पॉइंटर-इवेंट" को "कोई नहीं" पर सेट करके उनकी अन्तरक्रियाशीलता को अक्षम कर देता है। यह "कर्सर" को "डिफ़ॉल्ट" पर सेट करके, टेक्स्ट सजावट को हटाकर और टेक्स्ट रंग को काले पर रीसेट करके विशिष्ट लिंक स्टाइल को भी हटा देता है।

इस समाधान को HTML में लागू करने के लिए, आप अपने लिंक को निम्नानुसार संशोधित कर सकते हैं:

Link

यह लिंक को अक्षम कर देगा और इसे क्लिक करने योग्य होने से रोक देगा। "वर्तमान पृष्ठ" वर्ग लागू किया गया है।