2008-10-07 8 views
41

क्या एक लिंक पर क्लिक करते समय चयन आयत से छुटकारा पाने का कोई तरीका है जो वर्तमान पृष्ठ को ताज़ा नहीं करता है?सीएसएस - क्या लिंक पर क्लिक करने के बाद चयन आयत से छुटकारा पाने का कोई तरीका है?

उत्तर

65

आप एक लक्ष्य के बिंदीदार रूपरेखा मतलब है?

प्रयास करें:

:focus { 
    outline: 0; 
} 

यह हटा सब फोकस की रूपरेखा। यह अनिवार्य रूप से जावास्क्रिप्ट शर्तों पर क्लिक के समान है। आप इसे a:focus पर लागू करना पसंद कर सकते हैं।

+2

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

+2

मैं सहमत हूं, मैं अक्सर अपने स्वयं के फोकस प्रभाव जोड़ता हूं। उदाहरण के लिए नेविगेशन आइटम्स के लिए छवियों और पृष्ठभूमि/रंग परिवर्तन के लिए एक अस्पष्टता में कमी। – Ross

7

इस जोड़ने का प्रयास करें:

onclick="this.blur()" 

यहाँ पर चर्चा के साथ-साथ

(CSS?) Eliminating browser's 'selected' lines around a hyperlinked image?

+3

सीएसएस फोकस विशेषता का उपयोग करना आसान है, लेकिन यह पुराने ब्राउज़र में काम करेगा। – Ross