सामग्री संपादित करने योग्य सामग्री के बॉर्डर हटाना कैसे करें

सामग्री संपादित करने योग्य एलीमेंट से बॉर्डर हटाने के लिए सीखें

सामग्री संपादित करने योग्य सामग्री के बॉर्डर हटाएं

डिफ़ॉल्ट में, जब आप contenteditable सेट करें true किसी एलीमेंट के अंदर सामग्री लिखते हैं तो उस एलीमेंट को फोकस करते हैं तो उसे बॉर्डर मिलता है。

तथापि, आप CSS के द्वारा बॉर्डर हटा सकते हैं:

पहला कदम - HTML जोड़ें:

<p contenteditable="true">This is an editable paragraph.</p>

दूसरा कदम - CSS जोड़ें:

उपयोग करें [एट्रिब्यूट] सेलेक्टर सभी सामग्री संपादित करने योग्य एलीमेंटों को चुनता है और outline बॉर्डर हटाएं

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

आप खुद सिफारिश करें

संबंधित पृष्ठ

संदर्भ मैनुअल:HTML contenteditable अट्रिब्यूट

संदर्भ मैनुअल:CSS [एट्रिब्यूटसेलेक्टर