Bagaimana untuk Alih Keluar atau Sesuaikan Sorotan Fokus pada Elemen Teks Input?

Menghapuskan Sorotan Sempadan dalam Elemen Teks Input

Apabila elemen teks input menerima fokus, penyemak imbas seperti Safari dan Chrome cenderung memaparkan warna biru yang mengganggu sempadan di sekelilingnya. Ini boleh menjadi tidak diingini untuk reka letak tertentu.

Menyesuaikan Gelagat Firefox

Dalam Firefox, anda boleh mengawal penampilan sempadan menggunakan sifat "sempadan". Walau bagaimanapun, penyemak imbas lain mungkin tidak menyokong pendekatan ini.

Mengalih keluar Outline Fokus dalam Safari

Untuk mengalih keluar serlahan sempadan dalam Safari, anda boleh menggunakan "outline-width " harta:

input.middle:focus {
    outline-width: 0;
}

Untuk semua bentuk asas elemen:

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

Menyokong Elemen Boleh Diedit Kandungan

Untuk turut memasukkan elemen dengan atribut "boleh diedit" ditetapkan kepada benar:

[contenteditable="true"]:focus {
    outline: none;
}

Melumpuhkan Garis Fokus Sepenuhnya

Sebagaimana langkah terakhir, anda boleh melumpuhkan garis fokus untuk semua elemen:

*:focus {
    outline: none;
}

Pertimbangan Kebolehcapaian

Perhatikan bahawa fokus menggariskan meningkatkan kebolehcapaian dengan menunjukkan elemen aktif. Pertimbangkan kaedah alternatif untuk menyediakan keterlihatan fokus sebelum melumpuhkannya sepenuhnya.

Atas ialah kandungan terperinci Bagaimana untuk Alih Keluar atau Sesuaikan Sorotan Fokus pada Elemen Teks Input?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!