Adakah yang bisa menjelaskan bagaimana untuk menghapus oranye atau biru border (garis besar) di sekitar teks/kotak input? Saya pikir itu hanya terjadi pada Chrome untuk menunjukkan bahwa input box aktif. Berikut ini's atas masukan CSS saya'm menggunakan:
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
Perbatasan ini digunakan untuk menunjukkan bahwa unsur ini terfokus (yaitu anda dapat mengetikkan input atau tekan tombol Enter). Anda dapat menghapus itu, meskipun:
textarea:focus, input:focus{
outline: none;
}
Anda mungkin ingin menambahkan beberapa cara bagi pengguna untuk mengetahui apa yang elemen memiliki keyboard fokus meskipun untuk kegunaan.
Chrome juga akan berlaku untuk menyoroti unsur-unsur lain seperti DIV's digunakan sebagai modals. Untuk mencegah sorot pada orang-orang dan semua elemen lainnya juga, dapat anda lakukan:
*:focus {
outline: none;
}
Solusi
*:focus {
outline: 0;
}
PS: Gunakan outline:0
, bukan outline:none
pada fokus. It's valid dan praktek yang lebih baik.
Ini pasti akan berhasil. Orange garis besar tidak akan muncul lagi.. Umum untuk semua kategori:
*:focus {
outline: none;
}
Khusus untuk beberapa tag, ex: tag input
input:focus {
outline:none;
}