چگونه لبه‌ی محتوا قابل ویرایش را حذف کنیم
یاد بگیرید که چگونه لبه‌ها را از عناصر قابل ویرایش حذف کنید.
حذف لبه‌ی محتوا قابل ویرایش
به صورت پیش‌فرض، زمانی که شما در contenteditable تنظیم شده به true عناصر داخلی محتوا را می‌نویسید، هنگامی که این عنصر تمرکز دارد، یک لبه به آن اضافه می‌شود.
اما، شما می‌توانید از CSS برای حذف لبه‌ها استفاده کنید:
مرحله اول - اضافه کردن HTML:
<p contenteditable="true">این یک پاراگراف قابل ویرایش است.</p>
مرحله دوم - اضافه کردن CSS:
استفاده از [نمایشگر] نمایشگر انتخاب می‌کند تمام عناصر قابل ویرایش محتوا و از outline حذف لبه‌ی حاشیه:
[contenteditable] {
outline: 0px solid transparent;
}
صفحات مرتبط
دستورالعمل مرجع:HTML contenteditable 属性
دستورالعمل مرجع:CSS [نمایشگرselector
