Bagaimana untuk Mengalih Keluar Sempadan Biru daripada Butang dalam Chrome Tanpa Mengkompromi Kebolehcapaian?

Mengalih keluar Sempadan Biru daripada Butang Gaya Tersuai dalam Chrome

Dalam usaha penyesuaian, menetapkan sempadan kepada tiada untuk teg boleh menyebabkan sempadan biru muncul di sekeliling butang apabila diklik dalam Chrome. Walaupun button:active { outline: none } dan button:focus { outline:none } mungkin kelihatan seperti penyelesaian yang berdaya maju, mereka gagal untuk menghapuskan isu tersebut.

Pendekatan Disyorkan:

Amat tidak digalakkan untuk mengalih keluar fokus atau menggariskan penggayaan kerana ini menjejaskan kebolehcapaian tapak web. Untuk maklumat lanjut, rujuk perbincangan ini.

Pendekatan Alternatif (Tidak Disyorkan):

Jika dianggap perlu, kod CSS ini boleh mengalih keluar sempadan biru dengan berkesan:

button:focus { outline:0; }

Contoh yang berfungsi boleh didapati dalam JSFiddle ini: http://jsfiddle.net/u4pXu/

Atas ialah kandungan terperinci Bagaimana untuk Mengalih Keluar Sempadan Biru daripada Butang dalam Chrome Tanpa Mengkompromi Kebolehcapaian?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!