बूटस्ट्रैप 3.0

में सक्रिय ड्रॉपडाउन टैब पृष्ठभूमि रंग बदलना मैं नेविबार ड्रॉपडाउन सक्रिय लिंक के पृष्ठभूमि रंग को बदलने के लिए निम्न सीएसएस का उपयोग कर रहा हूं।बूटस्ट्रैप 3.0

.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a 
{ 
    color: #fff; 
    background-color: #b91773; 
    border-color: #fff; 
}

स्क्रीनशॉट में दिखाए गए अनुसार यह सक्रिय ड्रॉपडाउन लिंक के पृष्ठभूमि रंग को सही ढंग से बदलता है। enter image description here

लेकिन अगर मैं एनवी-टैब के लिए एक ही सीएसएस का विस्तार करता हूं तो यह काम नहीं करता है। यहाँ सीएसएस वर्ग

.nav .nav-tabs > li.dropdown.open.active > a, 
.nav .nav-tabs > li.dropdown.open.active > a:hover 
{ 
    color: #fff; 
    background-color: #b91773; 
    border-color: #fff; 
}

है यहाँ उत्पादन enter image description here

कैसे इस समस्या को हल करने के लिए है।

स्रोत

2013-09-25 irfanmcsd

मुझे लगता है कि यह काम करना चाहिए:

.nav.nav-tabs > li.dropdown.active.open > a, 
.nav.nav-tabs > li.dropdown.active.open > ul.dropdown-menu a:hover, 
.nav.nav-tabs > li.dropdown.open > a, 
.nav.nav-tabs > li.dropdown.open > ul.dropdown-menu a:hover 
{ 
    color: #fff; 
    background-color: #b91773; 
    border-color: #fff; 
}

नोट .nav.nav-tabs कारण के बीच कोई अंतराल दोनों और दूसरा पहले के बाद नहीं होने के लिए चयन करने के लिए।

कैरट:

.nav.nav-tabs > li.dropdown.active.open > a span.caret {border-top-color: #fff;border-bottom-color: #fff;}

स्रोत

2013-09-25 22:02:25

यह कोशिश की, लेकिन अभी भी काम नहीं। बूटस्ट्रैप अनुकूलन अनुभाग में इसे सीधे अद्यतन कर सकते हैं इस समस्या को हल करें। – irfanmcsd

क्या आप उपरोक्त काम नहीं दिखाते हुए बूटप्ली या जेएसफ़िल्ड प्रदान कर सकते हैं? मुझे लगता है कि मुझे काम करना चाहिए या मैं आपके प्रश्न को समझ नहीं पा रहा हूं, देखें: http://bootply.com/83383 –

आपकी बूटप्ली आपके सीएसएस को ठीक काम कर रही है। मेरी परियोजना में कुछ अन्य सीएसएस वर्ग हो सकते हैं इसे ओवरलैप करें। कोई भी धन्यवाद कैसे। – irfanmcsd

आप ड्रॉप-डाउन मेनू का सही वर्ग fint चाहिए। यह आपके नौसेना में हो सकता है या नहीं।

ul.dropdown-menu>li.active>a:hover{ 
    background: #419641 !important; 
} 

ul.dropdown-menu>li.active>a{ 
    background: #51AB51 !important; 
}

स्रोत

2015-12-04 01:33:34

यह अगर आप एक jsfiddle कर सकता है एक बहुत आसान होगा: मैं इस तरह बूटस्ट्रैप थीम के पृष्ठांकन संपत्ति के सक्रिय वर्ग रंग बदल दिया है। यदि नहीं तो यहां आप क्या कर सकते हैं।

1- सुनिश्चित करें कि टैब जोड़ा गया है ".nav .nav-tabs> li.dropdown.open.active" वर्गों और पथ सही है। अगर नहीं, यह काम नहीं करेगा।

2- तो, पता लगाएं कि क्या आपने ऐसी कक्षा को जोड़ा है जो प्रासंगिक नहीं है या आपने प्रासंगिक वर्ग नहीं जोड़ा है।

स्रोत

2016-06-24 19:19:12

क्या मेरे लिए काम किया:

.navbar-default .navbar-nav .dropdown.open a:focus { 
    background-color: #6dbcc9; 
}

स्रोत

2016-09-08 16:07:54 Rokit

बूटस्ट्रैप 3.0

उत्तर

संबंधित मुद्दे