web-dev-qa-db-ja.com

iPad / iPhoneでのCSS送信ボタンの奇妙なレンダリング

半径、色、境界線を使用してCSSでボタンのスタイルを設定すると、ボタンはきれいに見えますが、iphone/ipad/iPodではひどく見えます... Safariデスクトップと同じレンダリングではないでしょうか？

enter image description here

iphonecssipadmobile-safarimobile-webkit
200
Francesco

おっとっと！自分自身を見つけた：必要な要素にこの行を追加するだけ

   -webkit-appearance: none;
420
Francesco

このコードをcssファイルに追加します。

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

これは役立ちます。

26
subindas pm

Webkitの外観に関する上記の答えは魔法をかけましたが、ボタンは他のデバイス/デスクトップのブラウザと比べてまだ淡く/鈍いように見えました。また、不透明度を完全に設定する必要がありました（範囲は0〜1）

-webkit-appearance:none;
opactiy: 1

不透明度を設定した後、ボタンはすべての異なるデバイス/エミュレーター/デスクトップで同じように見えました。

0
Priyank Thakkar