एक तत्व के लिए बूटस्ट्रैप को अक्षम करें

Question

जो मैं प्राप्त करना चाहता हूं वह है login_button नाम के वर्ग के साथ अपने स्वयं के इनपुट तत्व के लिए ट्विटर बूटस्ट्रैप कक्षा को अक्षम करना। डिफ़ॉल्ट रूप से bootstrap.min.css कक्षा box-shadow आदि जैसे अनावश्यक गुणों को मेरे input.login_button तत्व में जोड़ रही है।

मुझे पता है कि मैं box-shadow: none; परिभाषित कर सकता हूं लेकिन मुझे आश्चर्य है कि क्या हासिल करने के लिए अन्य संभावनाएं हैं?

Answer 1

बस बूटस्ट्रैप शैली को ओवरराइड करें। जब तक आपके कस्टम सीएसएस से पहले आपके पृष्ठ पर बूटस्ट्रैप शामिल किया जाता है तब तक आपके सीएसएस को बूटस्ट्रैप को ओवरराइड करना चाहिए क्योंकि चयनकर्ता की विशिष्टता वही होगी। अपने कस्टम सीएसएस को यह जोड़े और उसके अनुसार शैलियों को ओवरराइड:

input.login_button { 
    box-shadow: none; 
    border: none; 
    line-height: initial; 
    /* Etc. */ 
} 

यहाँ input.login_button, की 011 जबकि बूटस्ट्रैप के input[type="text"] केवल 010 की विशिष्टता स्कोर है एक specificity स्कोर है, जिसका अर्थ अपने कस्टम शैली काफी मजबूत परवाह किए बिना बूटस्ट्रैप के ओवरराइड करने के लिए किया जाएगा आपके सीएसएस के आदेश का।

Answer 2

आप bootstrap.min.css को संशोधित करके छोड़कर नहीं कर सकते हैं। आप जो कुछ भी कर सकते हैं वह शैलियों को अधिक विशिष्ट चयनकर्ताओं के साथ ओवरराइट कर रहा है।