html - 入力[type = "submit"]ですべてのスタイルをオーバーライドするiphone

Question

私input[type="submit"]はこのJSFIDDLEで自分を分離しました。

コードも、

input[type="submit"] {
    width: 100%;
    height: 40px;
    background: #FFD100;
    border-radius: 5px;
    box-shadow: 0 5px 0 #A58B1E;
    border: none;
    font-size: 20px;
    color: #2b2b2b;
    cursor: pointer;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

input[type="submit"]:active, input[type="submit"]:focus {
    box-shadow: 0 3px 0 #A58B1E;
    top: 2px;
    outline: none;
}

iPhoneでサイトをチェックしたときを除いて、すべてが素晴らしく見えます。私のクライアントはレスポンシブなウェブサイトを望んでいたので、私が作ったこのボタンはどのデバイスでも見栄えがするだろうと考えました.

ああ、私のiPhoneではボタンが本当にひどいので、私はとても間違っていました. モバイル ビューの外観とサイトの URL に画像を含めています。

なぜこれが起こっているのか、またはそれを無効にする方法はありますか?

---

(チャットフィールド掘削ライブサイト)

Answer 1

あなたは探しているかもしれません：

-webkit-appearance: none;