Bagaimana menghapus garis batas konten yang dapat diedit

Belajar bagaimana menghapus garis batas dari elemen yang dapat diedit.

Hapus garis batas konten yang dapat diedit

Secara default, saat Anda menulis di contenteditable Diatur true dalam elemen yang menulis konten, elemen ini akan mendapatkan garis batas saat difokuskan.

Namun, Anda dapat menggunakan CSS untuk menghapus garis batas:

Langkah pertama - Tambahkan HTML:

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

Langkah kedua - Tambahkan CSS:

Gunakan [attribut] Penunjuk memilih semua elemen yang dapat diedit konten, dan menggunakan outline Hapus garis batas atribut:

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

Coba sendiri

Halaman yang berhubungan

Panduan referensi:Properti contenteditable HTML

Panduan referensi:CSS [attributPilih penunjuk