วิธีการลบเขตขอบของสิ่งที่สามารถแก้ไขได้

เรียนรู้ว่าจะลบเขตขอบของสิ่งที่สามารถแก้ไขได้

ลบเขตขอบของสิ่งที่สามารถแก้ไขได้

โดยมาตรฐาน ขณะที่คุณขึ้นมาเขียนเนื้อหาใน contenteditable ตั้งค่าเป็น true เมื่อคุณขึ้นมาเขียนเนื้อหาในองค์ประกอบนี้ องค์ประกอบนี้จะได้รับเขตขอบเมื่อมีการเลือก

แต่คุณสามารถใช้ CSS ในการลบเขตขอบได้

ขั้นที่หนึ่ง - เพิ่ม HTML：

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

ขั้นที่สอง - เพิ่ม CSS：

ใช้ [attribute] เลือกตัวแทนที่เลือกทั้งหมดขององค์ประกอบที่สามารถแก้ไขได้และใช้ outline ลบเขตขอบเมื่อมีความยาว

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

ทดลองด้วยตัวเอง

หน้าที่เกี่ยวข้อง

คู่มืออ้างอิง：HTML contenteditable 属性

คู่มืออ้างอิง：CSS [attributeเลือกตัวแทน