(सीएसएस?) एक हाइपरलिंक छवि के चारों ओर ब्राउज़र के 'चुने गए' लाइनों को खत्म करना?

Question

संलग्न स्क्रीनशॉट जाहिरा तौर पर, क्योंकि यह सबसे हाल में चयनित टैब था से ओएस एक्स/फ़ायरफ़ॉक्स 3. नोट है, कि केंद्र टैब (एक छवि) के चारों ओर एक बिंदीदार रेखा है। क्या सीएसएस या जावास्क्रिप्ट में इस बिंदीदार रेखा को खत्म करने का कोई तरीका है? (हममम ... मुफ्त छवि होस्टिंग सेवा छवि का आकार कम हो गया है। लेकिन अगर आप यह देख सकते हैं, आप ब्लॉक के चारों ओर एक डॉटेड-लाइन चुनिंदा क्षेत्र नोटिस चाहते हैं।)

Screen Shot http://www.freeimagehosting.net/uploads/th.fadf78173b.png

Answer 1

आप अपने सीएसएस में निम्न पंक्ति जोड़ना चाहेंगे:

a:active, a:focus { outline-style: none; -moz-outline-style:none; } 

(यह मानते हुए अपने टैब, एक तत्व का उपयोग किया जाता है निश्चित रूप से।) से

[संपादित करें] अनुरोध पर बाकी सब, इस के भविष्य के दर्शकों के लिए यह ध्यान दिया जाना चाहिए कि रूपरेखा के रूप में यह निर्दिष्ट करता है जहाँ आपके चयन है और कीबोर्ड-नाविकों के लिए आवश्यक है, इसलिए है, जहां अपने अगले 'टैब जा सकता करने के लिए एक संकेत देता है। इस प्रकार, यह बिंदीदार रेखा चयन को हटाने के लिए अव्यवस्थित है। लेकिन यह जानना अभी भी उपयोगी है कि आप इसे कैसे करेंगे, अगर आप इसे आवश्यक मानते हैं।

और जैसा कि एक टिप्पणी में उल्लिखित है, यदि आप केवल एफएफ> v1.5 से निपट रहे हैं, तो -मोज़-रूपरेखा-शैली को छोड़ने के लिए स्वतंत्र महसूस करें: कोई नहीं;

Answer 2

में अपने onclick घटना, this.blur()

या, विशेष रूप से सेट फोकस कहीं और।

Answer 3

आप इसे देखकर शुरू कर सकते हैं: फोकस और: सक्रिय छद्म वर्ग, हालांकि आप शायद इन मामलों से किसी भी स्वरूपण को पूरी तरह से हटा नहीं सकते हैं, क्योंकि वे एक अमूल्य उपयोगिता सहायता हैं।

Answer 4

शुरुआत के लिए, यह

*,*:hover,*:focus,*:active { outline: 0px none; } 

हालांकि यह प्रयोज्य में कमी होगी प्रयास करें।

आप चुनिंदा विकल्प प्रभाव जहां प्रासंगिक ऐसे उन जिसे टैब कुंजी के साथ मुख्य रूप से नेविगेट क्या वर्तमान में फ़ोकस रखने की जानकारी होने के रूप में लोगों को देने के लिए लागू करने के लिए चाहता हूँ।

div.foo:active, 
div.foo:focus, 
div.foo:hover 
{ 
    /* Alternative Style */ 
} 

Answer 5

*:focus {outline:0px;} 

का उपयोग करते समय माउस के साथ चयनित आदानों और textareas के लिए स्टाइल निकाल देंगे

। यदि आप सभी रूपरेखाओं को फोकस करना चुनते हैं तो सुनिश्चित करें कि आप इन शैलियों को इन फ़ॉर्म आइटम्स के लिए सीमा से जोड़ दें।