: विकलांग - सीएसएस-ट्रिक्स

Anonim

:disabledछद्म वर्ग चयनकर्ता HTML तत्वों है कि उपयोगकर्ता इनपुट प्राप्त कर सकते हैं, जब तत्वों के लिए सशर्त स्टाइल प्रदान करता है disabledविशेषता। यह सीएसएस सिलेक्टर्स लेवल 3 कल्पना में "यूआई तत्व राज्य छद्म वर्ग" के रूप में परिभाषित किया गया है, जिसका अर्थ है कि यह इनपुट तत्व के साथ उपयोगकर्ता की बातचीत के आधार पर सामग्री को स्टाइल करने के लिए उपयोग किया जाता है।

तत्वों है कि प्राप्त कर सकते हैं disabledविशेषता शामिल , , , , और । इस विशेषता को सेट करने के लिए दो मान्य वाक्यविन्यास हैं: या तो disabled="disabled"(HTML5 में) बस disabledबूलियन कीवर्ड। यदि इसे सक्रिय नहीं किया जा सकता है, तो एक तत्व अक्षम है (उदाहरण के लिए चयनित, क्लिक या पाठ इनपुट स्वीकार करें) या फ़ोकस स्वीकार करें।

इस तरह के तत्व को :disabledछद्म श्रेणी के चयनकर्ता का उपयोग करके स्टाइल किया जा सकता है :

इस पेन को देखें!

ब्याज के अंक

  • :disabledअन्य छद्म चयनकर्ताओं के साथ "श्रृंखलित" जा सकता है: की तरह :beforeया :afterचिह्न या पाठ उत्पन्न करने के लिए और अधिक उपयोगकर्ता प्रतिक्रिया देने के लिए।
  • कोई भी गुण जो CSS संक्रमण या एनिमेशन के साथ एनिमेटेड हो सकता है disabled, HTML तत्व से विशेषता को जोड़ने या हटाने पर ठीक से एनिमेटेड होगा ।

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

क्रोम सफारी फ़ायर्फ़ॉक्स ओपेरा अर्थात एंड्रॉयड आईओएस
सब 3.1 सब सब सब