Input Field Appearing Different In Chrome And Firefox
I've tested in Chrome, it shows fine but when in Firefox, the input box is larger than expected. Here is the markup:
Solution 1:
There is a difference because Firefox uses box-sizing: content-box on type="search" inputs, while Chrome uses border-box.
.form-wrapperinput {
box-sizing: border-box;
}
Solution 2:
I think this will probably answer your question: Form padding differences in Firefox and Opera/Chrome/IE
Different browsers handle attributes like padding and borders from different starting points
Post a Comment for "Input Field Appearing Different In Chrome And Firefox"