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!