クロムとファイヤーフォックスとのウェブサイトが異なって表示される

Question

ウェブサイトのコンテンツがどのようにデザインされているかに問題があります。

コンテンツはもともとはクロームで設計され、正常に動作していましたが、私がAndroidやFirefoxでサイトを開くと、次のような問題が発生します。入力は、黒の背景を持っており、メインのdivは、その上に影があるように見えるを通じて

Screenshot in Chrome

Screenshot in Firefox

サイト

はまったく同じレンダリングされています。

誰もが似たような問題を抱えていて、解決できたら大いに感謝します。

Answer 1

Firefoxのように、:requiredフィールドの赤い枠線が自動的に追加されます。

あなたが行うことができ、この動作を無効にしたい場合：

input:required { 
    box-shadow: inherit; 
} 

私は正規化された行動クロスブラウザを持っている

input:required { 
    box-shadow: inherit; 
} 
input:focus { 
    box-shadow: 0px 0px 2px 2px #7AA6ff; 
} 

をやってしまいました。