ホームページ > 記事 > ウェブフロントエンド > iPhone/Safariの入力要素の丸めを削除するにはどうすればよいですか?
iPhone/Safari の入力要素の丸めをオフにする
テキスト フィールドなどの入力要素は、多くの場合、Safari でレンダリングされると丸められたスタイルになります。 iOS デバイス。これは、Web サイトに求められる美観と矛盾する可能性があります。幸いなことに、この丸めを削除する CSS ソリューションがあります。
iOS 5 以降
iOS 5 以降のバージョンでは、次の CSS を適用して入力フィールドを削除できます。丸め:
<code class="css">input { border-radius: 0; } input[type="search"] { -webkit-appearance: none; }</code>
プラットフォーム固有の削除が必要な場合は、代わりに -webkit-border-radius プロパティを使用できます:
<code class="css">input { -webkit-border-radius: 0; }</code>
レガシー バージョン
古いバージョンの iOS では、-webkit-Appearance: none プロパティが使用されました:
<code class="css">input { -webkit-appearance: none; }</code>
以上がiPhone/Safariの入力要素の丸めを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。