Penghapusan Pembundaran Elemen Input iPhone/Safari
Medan input biasanya mempamerkan rupa bulat dalam pelayar iPhone/Safari, bercanggah dengan yang dikehendaki reka bentuk segi empat tepat. Artikel ini menyelidiki kaedah untuk mengubah suai gaya elemen input melalui CSS atau metadata.
Penyelesaian untuk iOS 5 dan Kemudian:
Untuk mengalih keluar sudut bulat pada iOS 5 dan lebih baharu , laksanakan CSS berikut:
<code class="css">input { border-radius: 0; } input[type="search"] { -webkit-appearance: none; }</code>
Kaedah Alternatif:
Untuk penyingkiran sudut bulat khusus iOS, atau dalam kes di mana normalisasi merentas platform tidak dapat dilaksanakan , pertimbangkan CSS berikut:
<code class="css">input { -webkit-border-radius: 0; }</code>
Walau bagaimanapun, ambil perhatian bahawa sokongan untuk sifat awalan seperti ini mungkin akan dihentikan pada masa hadapan.
Penyelesaian Penyemak Imbas Warisan:
Untuk versi iOS yang lebih lama, adalah perlu untuk menggunakan sifat -webkit-appearance:
<code class="css">input { -webkit-appearance: none; }</code>
Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar Sudut Bulat daripada Medan Input dalam iPhone/Safari?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!