Bagaimana menghapus garis batas konten yang dapat diedit
- Halaman sebelumnya Penampilan perangkat
- Halaman berikutnya Warna placeholder
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; }
Halaman yang berhubungan
Panduan referensi:Properti contenteditable HTML
Panduan referensi:CSS [attributPilih penunjuk
- Halaman sebelumnya Penampilan perangkat
- Halaman berikutnya Warna placeholder