बूटस्ट्रैप

Question

पर फ़ोकस विशेषता हटाएं मेरे पास बूटस्ट्रैप का उपयोग करके ड्रॉपडाउन मेनू के साथ एक navbar है। मैंने ड्रॉपडाउन सूची आइटम के चारों ओर एक सीमा बनाई ताकि यह एक टैब जैसा दिख सके। सीमा केवल फोकस पर है। उपयोगकर्ता टैब को बंद करने के लिए टैब पर क्लिक करता है लेकिन सीमा अभी भी वहां दिखाई देती है क्योंकि यह अभी भी फ़ोकस में है। क्लिक के बाद मैं फोकस कैसे हटा सकता हूं?

यहाँ सीएसएस

#refine2 .dropdown-toggle:active {background-color:transparent; border:0;} #refine2 .dropdown-toggle:focus {border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; background-color:transparent;} 

Answer 1

त्वरित ठीक है: सीएसएस में outline:0; सेट करें। यह सीमा को हटा देना चाहिए।

Answer 2

पुराना की तरह लेकिन आप इस समस्या को सूची आइटम पर सीमा डालकर हल कर सकते हैं।
Working example।

#refine2 .dropdown-toggle:active { 
    background-color:transparent; 
    border:0; 
} 

#refine2 .dropdown-toggle:focus{ 
    background-color:transparent; 
} 

li.dropdown.open { 
    border-top: 1px solid #e3e3e3; 
    border-right: 1px solid #e3e3e3; 
    border-left: 1px solid #e3e3e3; 
} 

Answer 3

अगर आप jQuery का उपयोग कर रहे हैं, तो आप

$(".dropdown-toggle").blur() इस्तेमाल कर सकते हैं इसे खो यह

उदाहरण के लिए ध्यान केंद्रित है बनाने के लिए:

---

जे एस:

var dropdown = $(".dropdown-toggle"); 

dropdown.on("click", function() { 
    setTimeout(function(){   //loses focus after 0 milliseconds 
    dropdown.blur(); 
    }, 0); 
}); 

अपडेट किया गया सीएसएस:

#refine2 .dropdown-toggle:active { 
    background-color:transparent; 
    border:0; 
} 
#refine2 .dropdown-toggle:focus { 
    border-top: 1px solid #e3e3e3; 
    border-right: 1px solid #e3e3e3; 
    border-left: 1px solid #e3e3e3; 
    background-color:transparent; 
    } 

#refine2 .dropdown-toggle{ 
    background-color: transparent !important; 
    } 
    li.dropdown.open { 
    background-color: transparent; 
    } 

JSFiddle

---

आशा है कि यह मदद की :)

चीयर्स!

संपादित करें: मैं सिर्फ देखा था यह एक 7 महीने पहले से ही सवाल है ... लेकिन मुझे आशा है कि यह अभी भी किसी और :)