Ketika saya menetapkan elemen pra ke konten yang dapat diedit dan fokus di dalamnya untuk pengeditan, itu menerima batas putus-putus di sekitarnya yang tidak terlihat sangat bagus. Perbatasan tidak ada saat fokus berada di tempat lain.
Bagaimana cara menghapus perbatasan itu?
Terima kasih
Jawaban:
Setel outlineproperti ke 0px solid transparent;. Anda mungkin harus mengaturnya juga di :focusnegara bagian, misalnya:
[contenteditable]:focus {
outline: 0px solid transparent;
}
[contenteditable]:focus { outline: 0px solid transparent; }
outline: none
Anda juga dapat menambahkan :read-writepseudo-class ke elemen gaya yang dapat diedit.
Misalnya ( jsFiddle ) :
.element:read-write:focus {
outline: none;
}
Baca lebih lanjut di sini tentang codrop .
The
:read-writepemilih pseudo-class didukung di Chrome, Safari, dan Opera 14 +, dan di iOS. Ini didukung dengan-moz-prefiks di Firefox dalam bentuk:-moz-read-write. The:read-writepemilih tidak didukung di Internet Explorer dan Android.
.element:focus?
[contenteditable]:focus?
outlinetidak akan berfungsi di IE7 atau lebih rendah. Di browser ini, Anda perlu menyetelhideFocusproperti elemen ketrue, yaitu$('#myEl').get().hideFocus = true;