Bagaimanakah Saya Boleh Lumpuhkan Elemen Input Bulat dalam iPhone/Safari?

Melumpuhkan Elemen Input Bulat dalam iPhone/Safari

Safari pada peranti iOS cenderung untuk memaparkan medan input teks dengan gaya bulat, yang mungkin tidak sentiasa selaras dengan reka bentuk yang dimaksudkan. Untuk menangani isu ini, berikut ialah cara untuk mengarahkan Safari supaya tidak membundarkan medan input dan menjadikannya segi empat tepat:

Untuk iOS 5 dan Kemudian:

1. Gaya CSS:

Gunakan peraturan CSS jejari sempadan: 0; untuk mengalih keluar penjuru bulat pada semua medan input.

2. Penampilan WebKit:

Untuk medan input carian secara khusus, tetapkan sifat -webkit-appearance kepada tiada.

<code class="css">input {
  border-radius: 0;
}

input[type="search"] {
  -webkit-appearance: none;
}</code>

Untuk Versi Safari Legacy:

WebKit Rupa:

Dalam versi Safari yang lebih lama, gunakan -webkit-appearance: tiada sifat untuk semua medan input untuk mengalih keluar penggayaan bulat.

<code class="css">input {
  -webkit-appearance: none;
}</code>

Nota:

• Jejari -webkit-sempadan: 0; sifat boleh digunakan untuk menyasarkan medan input pada iOS sahaja, tetapi ia mungkin akan dihentikan secara berperingkat pada masa hadapan.
• Kaedah pilihan adalah untuk menormalkan sudut bulat merentas platform menggunakan sifat jejari sempadan standard dan -webkit- sifat penampilan untuk Safari sahaja.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Lumpuhkan Elemen Input Bulat dalam iPhone/Safari?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!