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

Filed under:
|
|
|

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

Related posts about css

Related posts about webkit