मैं इनपुट तत्वों के लिए कुछ सीएसएस लागू करना चाहता हूं और मैं केवल उन इनपुटों के लिए करना चाहता हूं जो अक्षम नहीं हैं और सबमिट प्रकार नहीं हैं, नीचे सीएसएस काम नहीं कर रहा है, शायद अगर कोई मुझे समझा सकता है कि यह कैसे जोड़ा जाना चाहिए।
input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}जवाबों:
के बजाय:
input:not(disabled)not:[type="submit"]:focus {}उपयोग:
input:not([disabled]):not([type="submit"]):focus {}disabledएक विशेषता है इसलिए इसे कोष्ठक की आवश्यकता होती है, और आपको लगता है कि :not()चयनकर्ता पर मिश्रित कॉलोन और कोष्ठक मिश्रित / गायब हो गए हैं ।
डेमो: http://jsfiddle.net/HSKPx/
ध्यान देने वाली एक बात: मैं गलत हो सकता हूं, लेकिन मुझे नहीं लगता कि disabledइनपुट आम तौर पर फोकस प्राप्त कर सकते हैं, ताकि हिस्सा बेमानी हो जाए।
वैकल्पिक रूप से, उपयोग करें :enabled
input:enabled:not([type="submit"]):focus { /* styles here */ }फिर से, मैं ऐसे मामले के बारे में नहीं सोच सकता जहाँ अक्षम इनपुट फोकस प्राप्त कर सकता है, इसलिए यह अनावश्यक लगता है।
:not([disabled])वीएस का उपयोग करने के बीच कोई अंतर है । :not(:disabled)?
आपका वाक्यविन्यास बहुत पेचीदा है।
इसे बदलो:
input:not(disabled)not:[type="submit"]:focus{सेवा:
input:not(:disabled):not([type="submit"]):focus{ऐसा लगता है कि कई लोगों को एहसास नहीं है :enabledऔर :disabledवैध सीएसएस चयनकर्ता हैं ...
input:enabled:not([type="submit"]):focus{?
आपके पास अपने चयन में कुछ टाइपो हैं। यह होना चाहिए:input:not([disabled]):not([type="submit"]):focus
अवधारणा के प्रमाण के लिए इस jsField को देखें । एक सिडेनोट पर, यदि मैंने "पृष्ठभूमि-रंग" संपत्ति को हटा दिया, तो बॉक्स छाया अब काम नहीं करता है। यकीन नहीं है कि क्यों।