Unterschiedliche Textfeldbreite zwischen IE / FF / Chrome - Probleme werden verursacht, wenn die Textbox mit "W" gefüllt ist
Wir haben eine Anwendung mit einem Textfeld mit einer bestimmten Länge - 4.
Chrome: 
Firefox: 
Gibt es eine Möglichkeit, Firefox / IE zu zwingen, feste Abstände zu verwenden? Dies ist ein Problem bei ID-Nummern, bei denen das Feld tatsächlich die volle Eingabe akzeptiert, aber standardmäßig nicht die volle Breite anzeigt (was möglicherweise Benutzerfehler verursacht, wenn sie das Feld vom Bildschirm eingeben und nicht kopieren / einfügen).
8 Antworten
Anstatt size -Attribut zu verwenden, versuche reines CSS. Z.B. dies
sollte in allen Browsern gleich aussehen.
HTML
%Vor%CSS
%Vor%DEMO
Es ist eine "Kombination" von einigen der Dinge, die von anderen vorgeschlagen werden ... Ich spielte ein bisschen herum mit dem Internet Explorer, Firefox und Chrome, und diese Kombination scheint am besten für mich zu funktionieren, und bietet konsistente Ergebnisse in allen Browsern.
Ich würde den folgenden Code empfehlen Unabhängig davon, welche Schriftfamilie Sie verwenden, wird das Textfeld mit der angegebenen Zeichenbreite erstellt.
HTML-Code
%Vor%CSS-Code
%Vor%Dadurch wird das Textfeld immer der Breite von 4 "M" entsprechen, so dass Sie sicheren Platz für die Verwendung von 4 Zeichen in der Box haben.
Weitere Erläuterungen zur Verwendung verschiedener Systeme zum Festlegen der Breite finden Sie unter folgendem Link.
СсылкаSie müssen sich keine Gedanken über den Code machen, aber überprüfen Sie bitte mit den Schriften, für die Sie aufgelistet haben TEXTBOX sind in beiden Browsern verfügbar?
Ich glaube, das macht den Unterschied.
Machen Sie ein wenig CSS in Ihrem Eingabetext wie
HTML
%Vor%
CSS
%Vor%Vergessen Sie nicht, px hinzuzufügen, nachdem Sie die Größe Ihres CSS eingegeben haben.
Tags und Links html cross-browser