Bagaimana menghapus garisan luar konten yang dapat diedit

Belajar bagaimana menghapus garisan luar dari elemen yang dapat diedit.

Buang garisan luar konten yang dapat diedit

Secara lalai, saat Anda menulis di contenteditable Dise팡kan true Dalam menulis konten di dalam elemen, elemen akan mendapatkan garisan luar saat disorot.

Namun, Anda dapat menggunakan CSS untuk menghapus garisan luar:

Langkah pertama - Tambahkan HTML:

<p contenteditable="true">Ini adalah paragraf yang dapat diedit.</p>

Langkah kedua - Tambahkan CSS:

Gunakan [atribut] Pemilih memilih semua elemen yang dapat diedit konten, dan menggunakan outline Buang garisan luar untuk atribut:

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

Coba sendiri

Halaman yang berhubungan

Panduan:HTML contenteditable 属性

Panduan:CSS [atributPemilih