blogger-336371_1920

検索バーや送信ボタンをcssでシックなスタイルにデザインしたはずなのに、iPhoneで見ると角丸のちょっとかわいい感じのスタイルになってしまう。
あとbox-shadow指定した覚えないのに影とかついてたり。
影とかいらんし。

そんな時は該当のinputにcssで下記を当ててみてください。
「-webkit-appearance: none;」

既存のスタイルがリセットされて指定通りのスタイルが適用されます。

(既述例)

#contact-form input,
#contact-form select,
#contact-form textarea {
	border: 1px solid #ccc;
	border-radius: 0.25rem;
	padding: 0.5rem;
	width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

※他の「appearance」はその他のブラウザ対応用です。

勝手におしゃれにしてくれるのはありがたいのですが、マイスタイルを貫きたい方は是非。