html - Inputs have same CSS height, but different rendered heights -
I 2em as 2 & lt; Input & gt; Using CSS, the heights are provided differently in Google Chrome. Here's a belt that shows: Using Chrome's Dev tool, in my computer, there is a height of 32 pixels in text input, while the button input is 28.79999 px height. How can I equalize them without manually adjusting the number of pixels? The problem is that the input limits that you are not taking into account can be sent through CSS The same limitations can change, but this control is over, which makes the control very bad (or else you styling the boundaries of each input and you adjust your height, which means that all of you are different - manage different genres) One option is to use the -webkit-appearance css rule to disable it, as is the other suggestion. Alternatively you can tell CSS to box-sizing: border-box; You can set the height height of the specified input to your height, including the limitations.