आप एक महत्वपूर्ण सीएसएस संपत्ति को कैसे हटा सकते हैं?

Question

यदि कोई तत्व शैली गुण महत्वपूर्ण है (या तो style="" या जेएस सेट करें), तो इसे कैसे हटाया जा सकता है?

removeProperty() काम नहीं करता है (jsfiddle):

elem.style.setProperty('background', '#faa', 'important'); 
elem.style.removeProperty('background'); // doesn't work 

(अधिमानतः एक frameworkless समाधान, यह केवल क्रोम में काम करने के लिए है।)

Answer 1

कारण आप संपत्ति नहीं निकाल सकते क्योंकि है यह एक लघु संपत्ति है।

जब आप इसे सेट करते हैं, तो अन्य गुण वास्तव में जोड़े जाते हैं, लेकिन कोई "पृष्ठभूमि" संपत्ति नहीं है, इसलिए निकालने के लिए कोई "पृष्ठभूमि" संपत्ति नहीं है।

इस मामले में, आप इसे इस प्रकार अनसेट कर सकते हैं:

elem.style.removeProperty('background-color'); 

सामान्य में, आप हर "लंबे समय से हाथ" संपत्ति आशुलिपि संपत्ति का प्रतिनिधित्व करती अनसेट नहीं करनी होंगी।

---

तुम भी इसे अधिलेखित करना ऐसा कर सकता है:

elem.style.setProperty('background', 'inherit', 'important'); 

---

या आप इस प्रकार का तत्व के लिए पूरी इनलाइन शैली परमाणु सकता है:

elem.style.cssText = '';