2019.07.18
Web制作メモ
【iOS】input要素にwebkit-appearance: noneが効かないときの対処
当サイトの記事検索ボックスをこんな感じにデザインしました。
input要素に対してデフォルトのborderをいったん消してから、border-bottomを改めてかけた形ですね。
iPhoneの実機で確認します‥。
およ。丸みを帯びている。
そんなときはググればすぐ出てくるのが-webkit-appearance: none;を当てて、iOSデフォルトのスタイルをリセットしよう。というもの。
当ててみました。
あら、直らない。
いろいろゴニョゴニョやりましたが、ふと単純に
border-radius: 0;
とやったら
直りました、なんだ‥ 笑。
