วิธีการ - ลบขอบที่แก้ไขได้
เรียนรู้วิธีลบเส้นขอบออกจากองค์ประกอบที่แก้ไขได้
ลบ Contenteditable Border
โดยค่าเริ่มต้น เมื่อคุณเขียนภายในองค์ประกอบที่contenteditable
ตั้งค่าเป็นtrue
องค์ประกอบนั้นจะมีเส้นขอบรอบโฟกัส อย่างไรก็ตาม คุณสามารถใช้ CSS เพื่อลบเส้นขอบ:
ขั้นตอนที่ 1) เพิ่ม HTML:
ตัวอย่าง
<p contenteditable="true">This is an editable paragraph.</p>
ขั้นตอนที่ 2) เพิ่ม CSS:
ใช้ตัวเลือกเพื่อเลือกองค์ประกอบทั้งหมดที่สามารถแก้ไขได้ และลบเส้นขอบด้วยคุณสมบัติ:[attribute]
outline
ตัวอย่าง
[contenteditable] {
outline: 0px solid transparent;
}
เคล็ดลับ:ไปที่การอ้างอิงแอตทริบิวต์แก้ไขเนื้อหา HTML ของเรา เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับแอตทริบิวต์แก้ไขเนื้อหาส่วนกลาง
เคล็ดลับ:ไปที่ ตัวเลือก CSS [ คุณลักษณะ ]เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับตัวเลือก [ คุณลักษณะ ]