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