Bagaimana untuk Melumpuhkan Pembundaran Elemen Input dalam Safari?

Lumpuhkan Pembundaran Elemen Input dalam Safari

Apabila membangunkan tapak web untuk pelayar iPhone dan Safari, anda mungkin menghadapi isu di mana medan input teks dipamerkan penampilan bulat yang mengganggu yang bercanggah dengan reka bentuk keseluruhan tapak web.

Untuk membetulkan isu ini dan menjadikan medan input sebagai bentuk segi empat tepat yang dimaksudkan, arahkan Safari menggunakan kod CSS berikut:

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

Untuk medan input yang ditetapkan untuk tujuan carian, gunakan CSS tambahan berikut:

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

Jika mengasingkan pengalihan pembulatan kepada peranti iOS diperlukan, gunakan jejari -webkit-border-: 0; harta benda. Walau bagaimanapun, maklum bahawa Apple mungkin berhenti menyokong sifat awalan pada masa hadapan.

Untuk versi iOS yang lebih lama, gunakan -webkit-appearance: none; sebaliknya:

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

Atas ialah kandungan terperinci Bagaimana untuk Melumpuhkan Pembundaran Elemen Input dalam Safari?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!