जावास्क्रिप्ट

Question

के माध्यम से ब्राउज़र की फोकस सीमा को हटाएं या अक्षम करें क्या किसी को पता है कि किसी डोमेन-तत्व की धराशायी सीमा को अक्षम या कुशलतापूर्वक कैसे उपयोग किया जाए यदि उसके पास टैबिंडेक्स ऑर्डर में फोकस है?

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

Answer 1

बस इच्छित तत्वों है कि के लिए एक CSS नियम बनाने outline:none;

Answer 2

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

$("#nav li a").focus(function(){ 
    $(this).blur(); 
}); 

Answer 3

input::-moz-focus-inner { border: 0; } 

Answer 4

सीएसएस चाल:

:focus { outline: none; } 

Answer 5

a { 
outline: 0; 
} 

a: hover, 
a: active, 
a: focus { 
    outline: none; 
} 

input::-moz-focus-inner { 
border: 0; 
} 

Answer 6

:focus state - सेट outline property से 0px ठोस पारदर्शी;

Answer 7

फ़ायरफ़ॉक्स 53.0 के साथ, यदि मैं प्रस्तावित समाधान में से किसी एक के साथ रूपरेखा को अक्षम करता हूं, तो फ़ायरफ़ॉक्स डिफ़ॉल्ट प्रदर्शित करता है।

हालांकि, अगर मैं एक खाली रंग का उपयोग करें, यह पता नहीं लगा पाया कि रूपरेखा छिपा हुआ है:

input:focus{ 
    outline: 1px solid rgba(255,255,255,1); 
} 

कलंक के साथ