Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengalih keluar pembundaran elemen input iPhone/Safari?
Matikan Pembundaran Elemen Input iPhone/Safari
Elemen input, seperti medan teks, selalunya mempunyai gaya bulat apabila dipaparkan pada Safari untuk peranti iOS. Ini mungkin bercanggah dengan estetika tapak web yang diingini. Nasib baik, terdapat penyelesaian CSS untuk mengalih keluar pembundaran ini.
iOS 5 dan Kemudian
Pada iOS 5 dan versi yang lebih baru, CSS berikut boleh digunakan untuk menghapuskan medan input pembulatan:
<code class="css">input { border-radius: 0; } input[type="search"] { -webkit-appearance: none; }</code>
Jika pengalihan keluar khusus platform diperlukan, sifat -webkit-border-radius boleh digunakan sebaliknya:
<code class="css">input { -webkit-border-radius: 0; }</code>
Versi Legacy
Untuk versi iOS yang lebih lama, -webkit-appearance: tiada sifat digunakan:
<code class="css">input { -webkit-appearance: none; }</code>
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar pembundaran elemen input iPhone/Safari?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!