Website erscheint anders als Chrome zu Firefox

Ich habe einige Probleme mit, wie der Inhalt auf einer Website im Design erscheint.Website erscheint anders als Chrome zu Firefox

Der Inhalt wurde ursprünglich entworfen und funktioniert normalerweise in Chrom, aber wenn ich die Website in Firefox oder Chrome auf Android öffnen, bekomme ich das folgende Problem.

Screenshot in Chrome

Screenshot in Firefox

Die Seite gerendert wird genau das gleiche durch die Eingänge einen schwarzen Hintergrund und die Haupt div erscheint haben einen Schatten auf ihn zu haben.

Wenn jemand ein ähnliches Problem hatte, das sie lösen konnten, würde ich es sehr schätzen.

Quelle

2017-02-21 samson4649

Es ist schwer ohne Quelle zu sagen. Aus dem Aussehen der beiden Bilder würde ich sagen, dass eine Klasse (oder mehr) für die gesamte Firefox-Version aktiv ist. Es scheint einen roten Rand in der Informationstextarea in der Firefox-Version zu geben. Gab es eine versuchte Einreichung und Validierung fehlgeschlagen und irgendwo auf der Linie wurde eine Klasse angewendet? –

Sieht aus wie Firefox fügt automatisch einen roten Rahmen für :required Felder hinzu.

Wenn Sie dieses Verhalten außer Kraft setzen möchten Sie tun können:

input:required { 
    box-shadow: inherit; 
}

landete ich

tun up

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

ein normiertes Verhalten Cross-Browser zu haben.

Quelle

2017-03-20 10:22:43 Sergio

Website erscheint anders als Chrome zu Firefox

Antwort

Verwandte Themen