इनलाइन शैलियों सीएसएस के साथ जे एस के माध्यम से जोड़ा ओवरराइड

Question

एक js प्लगइन एक शैली है कि मुझे कुछ सिर दर्द दे रही है जोड़ रहा है:

element.style { 
    z-index: 100 !important; 
} 

तो मैं इस की कोशिश की है:

html body div#shell div#shellContent div#bottomPart div#rightCol div.containerBox  
div#embedContainer div#janrainEngageEmbed div.janrainContent div#janrainView 
div.janrainHeader[style] { 
    z-index: 1 !important; 
} 

और अभी भी कुछ नहीं।

Answer 1

के कुछ bespoke जेएस जोड़ना बेहतर है

अन्य उत्तर के विपरीत, यह सीएसएस के साथ इनलाइन शैलियों को ओवरराइड करने के लिए संभव है:

http://css-tricks.com/override-inline-styles-with-css/

मुझे लगता है कि होता है कि बहुत देर तक चयनकर्ता तत्व का पूरा उपयोग नहीं हो सकता है।

मैं Janrain प्लगइन है कि इस से हल किया गया था के साथ एक समान z- सूचकांक मुद्दा था:

#janrainEngageEmbed > div[style] { 
    z-index: 0; 
} 

आपके मामले में, आप शायद जरूरत है:

z-index: 0 !important; 

Answer 2

इनलाइन शैली किसी भी चयनकर्ता को टंप कर देगी। या तो खुद को जावास्क्रिप्ट में स्टाइल रीसेट करें या प्लगइन पैच करें ... यह ईमानदार होने के लिए किसी विशेष रूप से अच्छी तरह लिखित तरह की तरह नहीं लगता है। :)

Answer 3

इनलाइन शैली हमेशा बाहरी और आंतरिक सीएसएस को ओवरराइड करती है, साथ ही यह तथ्य कि प्लगइन !important खंड (बहुत खराब अभ्यास!) का उपयोग कर रहा है, सभी एक साथ इसे केवल सीएसएस के साथ तय करना असंभव बनाता है। मुझे लगता है कि प्लगइन सेटिंग्स को ओवरराइड करने के लिए आपको कुछ कस्टम जेएस का उपयोग करना होगा।

शायद यह जांचने का सबसे अच्छा तरीका होगा कि क्या आप प्लगइन के साथ कॉलबैक फ़ंक्शन निर्दिष्ट कर सकते हैं और जिस शैली को आप चाहते थे उसे सेट कर सकते हैं। यहां एक और जवाब प्लगइन को स्वयं संपादित करने का सुझाव दिया गया है, यह अच्छा है अगर आप इसे कभी भी अपडेट करने की योजना नहीं बनाते हैं - अन्यथा आप प्लगइन कोड को छोड़कर बेहतर हैं, और बस अपने