How can I equalize the heights of text input fields?
Posted
by David
on Stack Overflow
See other posts from Stack Overflow
or by David
Published on 2010-04-15T00:37:59Z
Indexed on
2010/04/15
0:43 UTC
Read the original article
Hit count: 359
What is the best way to equalize the height of my <select..>
elements and my <input type="text"..>
elements? It's proving difficult because of differences in box-sizing models.
Google Chrome's user agent stylesheet has this:
select { -webkit-box-sizing: border-box; }
..whereas other text input fields use the content box model. Why the difference? Should I perhaps make all of my text-based input fields use the border-box model?
BTW, I'm using standards-compliant mode (by using <!DOCTYPE html>
).
© Stack Overflow or respective owner