डिफ़ॉल्ट सीएसएस विशेषताओं को पुनर्स्थापित करें

Question

मैं एक घटक लिख रहा हूं जिसका उपयोग कई वेबसाइटों पर किया जाना है।

प्रत्येक वेबसाइट में इसकी अपनी स्टाइलशीट होती है और कुछ चीजों को अलग-अलग प्रदर्शित करती है।

मेरी एचटीएमएल के सभी

एक आईडी के साथ एक div भीतर लपेटा जाता है:

<div id="myComponent">...</div> 

मेरी घटक हालांकि सभी साइटों के भर में लगातार देखने के लिए है।

यह ठीक है क्योंकि मैं अपने घटक में अधिकांश विशेषताओं के लिए स्टाइल लागू करता हूं।

div#myComponent p {font-size:11px;} etc 

लेकिन मैं एक साइट है कि सभी इनपुट क्षेत्रों

input {border: medium none;} 

मैं करने के लिए इस निर्देश इनपुट फ़ील्ड के लिए मेरी घटक के भीतर 'अन-लागू' जरूरत से सीमा को हटा भर में अधिमानतः आए हैं, और इनपुट के लिए ब्राउजर की डिफ़ॉल्ट स्टाइल का उपयोग करें, क्योंकि input type="text" के लिए सीमा शैली input type="button" के लिए अलग-अलग होगी।

आप इसे कैसे प्राप्त करेंगे?

Answer 1

आपको इसे फिर से परिभाषित करने की आवश्यकता होगी।

https://developer.mozilla.org/en/Common_CSS_Questions#Restoring_the_default_property_value

Answer 2

div#myComponent input { border: 1px inset; } 

Answer 3

आप विभिन्न इनपुट प्रकार के लिए शैलियों का उपयोग कर सकते हैं/

सीएसएस:

div#myComponent input[type=text] { border:dashed 1px #ccc;} 
div#myComponent input[type=button] { border:solid 1px #999;} 

Answer 4

आप इनपुट करने के लिए एक वर्ग को जोड़ने के लिए जावास्क्रिप्ट का उपयोग कर सकते हैं। यहाँ एक jQuery उदाहरण है ...

<script type = "text/javascript"> 
    $(function(){ 
     $("#myComponent input[type=text]").addClass("borderMe"); 
    }); 
</script> 

और फिर एक स्टाइलशीट में 'borderMe' (या शैली टैग)

<style type = "text/css"> 
.borderMe 
{ 
    border:solid 2px black; 
} 
</style> 

Answer 5

अब आप इसे सीएसएस 2 के बाद से कर सकते हैं निर्धारित करें: border:initial;