Cara - Hapus Perbatasan yang Dapat Diedit
Pelajari cara menghapus batas dari elemen yang dapat diedit.
Hapus Perbatasan yang Dapat Diedit
Secara default, saat Anda menulis di dalam elemen yang telah contenteditable
disetel ke true
, elemen tersebut mendapat batas di sekitar fokus. Namun, Anda dapat menggunakan CSS untuk menghapus batas:
Langkah 1) Tambahkan HTML:
Contoh
<p contenteditable="true">This is an editable paragraph.</p>
Langkah 2) Tambahkan CSS:
Gunakan pemilih untuk memilih semua elemen yang dapat diedit, dan hapus batas dengan properti:[attribute]
outline
Contoh
[contenteditable] {
outline: 0px solid transparent;
}
Tip: Buka Referensi Atribut contenteditable HTML kami untuk mempelajari lebih lanjut tentang atribut contenteditable global.
Tip: Buka Pemilih [ atribut ] CSS kami untuk mempelajari lebih lanjut tentang pemilih [ atribut ].