मैं jquery accordion से सक्रिय रूपरेखा को कैसे हटा सकता हूं?

Question

मैं jquery Accordion का उपयोग कर रहा हूँ। सक्रिय लिंक में एक रूपरेखा है। मैं सीएसएस का उपयोग कर की कोशिश की है:

#accordion a:focus 
{ outline: none; } 
#accordion a:active 
{outline: none; font-weight:bold;} 

और भी इनमें से

#accordion a:-moz-any-link:focus 
{ outline: none; } 

कोई भी काम करने के लिए लग रहे हैं। क्या कोई सक्रिय लिंक के चारों ओर बिंदीदार रूपरेखा को हटाने के लिए सेटिंग या किसी अन्य विकल्प की सलाह दे सकता है?

Answer 1

जब मुझे jQuery UI तत्वों द्वारा लागू शैलियों को ओवरराइड करने की आवश्यकता होती है, तो मैं आमतौर पर एक स्टाइलशीट जोड़ता हूं जिसे मैं jQuery UI स्टाइलशीट के बाद लोड करता हूं और उसी चयनकर्ताओं का उपयोग करके अपने ओवरराइड डालता हूं ताकि मुझे पता चले कि मेरी शैलियों का समय लगेगा पूर्वता। इस मामले में accordion या विजेट स्थिति से जुड़े शैलियों की तलाश करें और उन्हें ओवरराइड करें।

Answer 2

यदि आप jQueryUI के Accordion, http://jqueryui.com/demos/accordion/ का उपयोग कर रहे हैं, तो आपको इन प्रकार की रूपरेखाओं में कोई समस्या नहीं होनी चाहिए। आप हालांकि कर रहे हैं, तुम कर सकते हो निम्नलिखित:

$(".ui-accordion-header a").click(function(){ 
    $(this).blur(); 
}); 

वास्तव में, इस विधि किसी भी अकॉर्डियन प्लगइन बस के बारे में के साथ काम करेंगे - बस लिंक के विस्तार/डेटा टूट के लिए जिम्मेदार लक्षित करने के लिए चयनकर्ता को संशोधित करने के लिए सुनिश्चित हो पैनलों।

Answer 3

थोड़ी देर में F5 दबाएं सुनिश्चित करें ... और सुनिश्चित करें कि आप अन्य फ़ाइलों को संपादित नहीं कर रहे हैं, जो आप सोचते हैं।

Answer 4

छाँटे गए:

लिए सीएसएस संशोधन - ui राज्य फोकस

Answer 5

अपने CSS शैलीपत्रक को यह जोड़े और यह कलंक/फोकस रूपरेखा का ख्याल रखना होगा:

#accordion .ui-state-focus{ 
    outline: none; 
} 

Answer 6

आप विजेट द्वारा लागू टैब तत्व की कक्षा को समझने की आवश्यकता है।

.ui-accordion-header {outline: none;} 

Answer 7

मैं केवल देखा है ऐसा: उदाहरण के लिए,

.ui-state-focus { outline: none; } 

jQuery यूआई का नवीनतम संस्करण पर काम करता है, लेकिन 1.6 की तरह किसी पुराने संस्करण पर, तो आप इस उपयोग करने की आवश्यकता होगी अब तक हेडर टैग के साथ। इसे हटाने के लिए, कोड

h1, h2, h3, h4{outline:none;}