मैं एक केंद्रित संतुष्ट पूर्व के आसपास की सीमा को कैसे निकालूं?

Question

जब मैंने एक पूर्व तत्व को संतुष्ट करने के लिए सेट किया और संपादन के लिए उस पर ध्यान केंद्रित किया, तो इसके चारों ओर एक बिंदीदार सीमा प्राप्त होती है जो बहुत अच्छी नहीं लगती है। सीमा तब नहीं होती जब ध्यान कहीं और होता है।
मैं उस सीमा को कैसे हटाऊं?

धन्यवाद

Answer 1

सेट outlineसंपत्ति के लिए 0px solid transparent;। :focusउदाहरण के लिए, आपको इसे राज्य पर भी सेट करना पड़ सकता है :

[contenteditable]:focus {
    outline: 0px solid transparent;
}

Comments

@Christoffer: outlineIE7 या लोअर में काम नहीं करेगा। इन ब्राउज़रों में, आपको hideFocusतत्व की संपत्ति को सेट करने की आवश्यकता है true, अर्थात$('#myEl').get().hideFocus = true;

— एंडी ई

संदर्भ के लिए:[contenteditable]:focus { outline: 0px solid transparent; }

— अल्फ ईटन

सबको शुक्रीया। दिन बचा लिया। FYI करें मैं केवल Chrome पर रूपरेखा देख रहा हूं। फ़ायरफ़ॉक्स और IE11 इसे नहीं दिखाते हैं।

— nevf

तुम भी बस का उपयोग कर सकते हैंoutline: none

— Yves एम।

अल्फ, आपकी टिप्पणी को उत्तर के रूप में चिह्नित किया जाना चाहिए:>

— foreyez

Answer 2

आप :read-writeछद्म श्रेणी को शैली तत्वों में भी जोड़ सकते हैं जो संपादन योग्य हैं।

उदाहरण के लिए ( jsFiddle ) :

.element:read-write:focus {
     outline: none;
}

कोड्रोप्स पर यहां और पढ़ें ।

:read-writeछद्म वर्ग चयनकर्ता क्रोम, सफ़ारी, और ओपेरा 14+, में और iOS पर समर्थित है। यह -moz-प्रपत्र में फ़ायरफ़ॉक्स में उपसर्ग के साथ समर्थित है :-moz-read-write। :read-writeचयनकर्ता इंटरनेट एक्सप्लोरर में और Android पर समर्थित नहीं है।

Comments

इसमें और इसमें क्या अंतर है .element:focus?

— जेजे जूल

यह केवल उन चयनकर्ताओं पर लागू होता है जो संतुष्ट हैं।

— मॉर्को जूल

उस ओवर का उपयोग करके कोई लाभ [contenteditable]:focus?

— जोएल

यह भी: छद्म चयनकर्ता सक्षम

— Walle सिरिल