Cross Browser input field width stylization

Posted by Derek Adair on Stack Overflow See other posts from Stack Overflow or by Derek Adair
Published on 2010-03-16T16:52:44Z Indexed on 2010/03/16 17:01 UTC
Read the original article Hit count: 263

Hi,

I have a shipping/billing input form and I'm having trouble styling the input fields to be the same width...

Here is a link (click one of the order bottles to go to the checkout page which contains the form)

The Problem:
-a field <input type="text" size="X" /> appears to render with different sizes in different browsers (see link).
-In addition, select fields seem to render on a differently as well.
-Chrome/safari do not seem to respond to the font-size property for select fields.

Any guidance on how to stylize the size of text-input and select fields cross-browser would be oh so very helpful.

Must I result to having a different sytlesheet for each browser... just for these input fields? -thanks

© Stack Overflow or respective owner

Related posts about input

Related posts about browser-compatibility