HTML में एक तत्व पर क्लिक की गई रेखा के आसपास की बिंदीदार रेखा को कैसे हटाएं

Question

मैंने पाया कि यदि aपेज में एक लिंक है जो एक नए पेज से लिंक नहीं है, तो जब उपयोगकर्ता इसे क्लिक करता है, तो तत्व के चारों ओर एक बिंदीदार रेखा होगी, यह केवल तब गायब हो जाएगा जब उपयोगकर्ता पृष्ठ में कुछ और क्लिक करेगा, कैसे इसे दूर करने के लिए

उदाहरण:

तत्व के चारों ओर बिंदीदार रेखा पर ध्यान दें Section 2।

Comments

आप तत्वों के माध्यम से टैबिंग के लिए रूपरेखा कैसे बनाए रख सकते हैं, लेकिन एक क्लिक होने पर इसे हटा दें?

— कोस्टा

Answer 1

outline:noneएंकर टैग क्लास का उपयोग करें

Comments

धन्यवाद, लेकिन यह मेरे लिए काम नहीं कर रहा है, मैंने पहले कई लिंक बनाए हैं, मुझे अब तक यह समस्या कभी नहीं मिली। लेकिन अब मैं असमंजस में हूं कि आखिर क्या कारण है वर्तमान में?

— दुर्गा राव

ध्यान दें कि यह आपकी वेबसाइट की पहुंच को नुकसान पहुंचाएगा ।

— माइक 23

@ दुर्गाप्रसाद मार्क्स जवाब देखते हैं। आपको इसे a:active, a:focusभी लागू करने की आवश्यकता है ।

— Odys

मैं w / mike23 से सहमत हूं। एक समझौता पर पहुंचने का मेरा प्रयास क्लिक इवेंट (या शायद माउसअप और भी बेहतर होगा?) पर है, केवल उस लिंक की रूपरेखा निकालें (जबकि किसी भी और सभी लिंक को रीसेट करने से पहले कहा गया हटाने से ठीक पहले एक रूपरेखा है।) , अन्य चीजें संचयी रूप से अटूट होने के कारण) हो जाती हैं। यह अस्थायी रूप से अंतिम क्लिक किए गए तत्व की रूपरेखा को दूसरों पर रखते हुए हटा देता है, इसलिए आप अभी भी जान सकते हैं कि आप किस चीज़ के माध्यम से टैब कर रहे हैं।

— मैक्स स्टार्कबर्ग 20

@cpu_meltdown प्रयास करेंinput:focus{outline: none}

— Sowmya

Answer 2

जैसे @Lo जुएगो ने कहा, लेख पढ़ें

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

Answer 3

a {
    outline: 0;
  }

लेकिन इसे बदलने से पहले पढ़ें:

को हटाने-डॉटेड-रूपरेखा

Answer 4

साथ प्रयास करें !importantमें css।

a {
  outline:none !important;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag.  Thanks!

Answer 5

bootstrapविषयों में उन सहित, सभी बिंदीदार रूपरेखा को हटाने के लिए ।

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

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

नोट: आपको मुख्य सीएसएस से पहले बूटस्ट्रैप सीएसएस के लिए लिंक href जोड़ना चाहिए, इसलिए बूटस्ट्रैप आपकी शैली को ओवरराइड नहीं करता है।

Answer 6

हटाने outlineसे किसी वेबसाइट की पहुंच को नुकसान होगा। हालांकि मैं सिर्फ यह छोड़ देता हूं कि इसे अदृश्य बना दें।

a {
   outline: transparent;
}

Comments

पारदर्शी होने की रूपरेखा निर्धारित करना अभी भी आपकी वेबसाइट की पहुंच को नुकसान पहुँचाता है। विचार यह है कि यह एक दृश्य संकेतक प्रदान करता है कि एक तत्व केंद्रित है। यदि आप इसे गैर-दृश्यमान बनाते हैं, तो वह संकेतक खो जाता है। यहाँ अधिक जानकारी: outlinenone.com

— ktbee

Answer 7

मेरे मामले में यह एक बटन था, और जाहिर है, बटन के साथ, यह केवल फ़ायरफ़ॉक्स में एक समस्या है। समाधान यहाँ पाया :

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

Answer 8

कोड के नीचे इसकी सरल कोशिश -

a{
outline: medium none !important;
}

अगर खुश जयकार! अच्छा दिन