0

Some solution to fix this difference without custom static width\height settings for inputs in css? I mean looks like it possible draw each input with custom static size, but need solution solution to equalize forms in both browsers.

Simple HTML code for both browsers:

<html>
<body>

<form>
    <input type="text">
</form>

</body>
</html>

Feel the difference... Left input - Firefox, right input - Google Chrome:

enter image description here

Firefox: enter image description here

Chrome: enter image description here

slava
  • 791
  • 1
  • 11
  • 26
  • 1
    If you want to display same input style in every browser, then go to CSS and style yourself. Every browser has own rules for styling input – Snake Eyes Nov 02 '18 at 08:31
  • 1
    that would be why in many projects something like reset css or normalize css is used. it helps to bring different browser render closer together – Dirk Nov 02 '18 at 08:34
  • You say you don't want a "custom static size", so what kind of solutions were you thinking of? Would a sizing in `em` or `ch` also be considered static? – Mr Lister Nov 02 '18 at 08:39
  • In case different browsers renders must exist some reset.css – slava Nov 02 '18 at 09:27

0 Answers0