كيفية إزالة حواف المحتوى القابل للتحرير

تعلم كيفية إزالة الحواف من العناصر القابلة للتحرير.

إزالة حواف المحتوى القابل للتحرير

بالافتراض، عندما تكتب في contenteditable عند تعيين true عندما تكتب محتوى داخل عنصر، يتم الحصول على حافة عند التركيز على العنصر.

لكن، يمكنك استخدام CSS لإزالة الحواف:

الخطوة الأولى - إضافة HTML:

<p contenteditable="true">هذا فقرة قابلة للتحرير.</p>

الخطوة الثانية - إضافة CSS:

استخدام [الصفة] المحدد يختار جميع العناصر القابلة للتحرير المحتوى، ويستخدم outline إزالة الحواف للصفة:

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

جرب بنفسك

الصفحات ذات الصلة

دليل المراجعة:خصائص contenteditable في HTML

دليل المراجعة:CSS [الصفةالمحدد