Bagaimanakah Saya Boleh Menyesuaikan Kursor untuk Medan Input Fail dalam Pelayar Berbeza?

Menyesuaikan Kursor untuk Jenis Input Fail

Mengubah suai jenis kursor untuk input fail boleh menjadi satu kerumitan. Pendekatan CSS standard gagal berfungsi, seperti yang diserlahkan dalam kod contoh:

input[type="file"] {
  cursor: pointer;
}

Nasib baik, terdapat penyelesaian separa untuk penyemak imbas Chrome yang memanfaatkan kelas pseudo-butang ::webkit-file-upload-button:

input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer; 
}

Teknik ini membenarkan untuk menetapkan kursor kepada jenis tersuai sambil mengekalkan rupa asal input fail. Ambil perhatian bahawa penyelesaian ini hanya berfungsi untuk Chrome dan penyemak imbas berdasarkan enjin Blinknya. Firefox dan Safari pada masa ini mempamerkan gelagat yang berbeza.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyesuaikan Kursor untuk Medan Input Fail dalam Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!