मैं एक केंद्रित संतोषजनक पूर्व के आस-पास की सीमा को कैसे हटाऊं?

Question

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

धन्यवाद

Answer 1

सेट outline property0px solid transparent; करने के लिए। साथ ही आप :focus राज्य पर यह स्थापित करने के लिए, उदाहरण के लिए हो सकता है:

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

Answer 2

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

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

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

अधिक here on codrops पढ़ें।

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