सीएसएस फ़ायरफ़ॉक्स - बिंदीदार सीमा को कैसे निष्क्रिय करें (फ़ायरफ़ॉक्स क्लिक सूचक)?

Question

यह क्लिक सूचक मेरी हाल की वेब परियोजनाओं के लिए एक घृणित टुकड़ा है .. मुझे इससे नफरत है! - मैं अपने फ़ायरफ़ॉक्स ब्राउज़र से कैसे कह सकता हूं कि उसे क्लिक किए गए ऑब्जेक्ट को चिह्नित नहीं करना चाहिए?

Answer 1

बशर्ते कि अपने मेनू आइटम इनपुट तत्वों (जैसे कि, बटन), तो आप सीएसएस का उपयोग कर, इसलिए है कि यह छिपा कर सकते हैं नहीं कर रहे हैं:

element { outline: none; } 

Answer 2

एक { रूपरेखा: कोई नहीं; }

Answer 3

आप इसे नफरत सकता है, लेकिन अपने ग्राहकों को नहीं हो सकता है। आम तौर पर ब्राउज़र कार्यक्षमता ओवरराइड करना उपयोगकर्ताओं को भ्रमित करने और उन्हें आपकी साइट पर जाने के लिए प्रोत्साहित करने का एक शानदार तरीका है।

Answer 4

पागल समाधान:

input[type="button"]::-moz-focus-inner{ 
    border: 1px dotted transparent; 
} 

लेकिन मैं इसे नापसंद करते हैं।

वास्तव में फ़ायरफ़ॉक्स 12.0 इनपुट प्रकार = "बटन" पर एक बिंदीदार चिह्नित कर रहा है जब मैं इसे क्लिक करता हूं। outline:none के लिए :active, :focus, ...

Answer 5

कुछ भी नहीं है कुछ भी नहीं है (फ़ायरफ़ॉक्स 20.1) में मदद की जब तक है:

a:focus, a:active, 
button, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
select::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner { 
    outline: none !important; 
} 

Answer 6

@ Ioannis-karadimas के लिए और अधिक विशिष्ट होना करने के लिए, आप हॉवर पर रूपरेखा को दूर (माउस इनपुट कल्पना करते हुए) सकता है, लेकिन इसे छोड़ दें फोकस के लिए (कीबोर्ड इनपुट मानते हुए)। यह अधिकांश पहुंच को बरकरार रखेगा। इसका अर्थ है कि:

element:hover { outline: none; } 
element:focus { // leave the focus } 

Answer 7

इस अधिक सटीक है:

a { outline: none!important; } 

Answer 8

पर this post आधार पर, जोड़ने outline:0 भी चाल करेंगे।

.selector{ outline:0; } 

आप सीमा अपनी वेबसाइट में किसी भी तत्व को दिखाया नहीं करना चाहते हैं, निम्नलिखित का प्रयास करें,

:focus { outline:none; } 
::-moz-focus-inner { border:0; }