Azsen Posted December 21, 2010 Share Posted December 21, 2010 Hi, I'm building an HTML5/CSS3 site and I've set a style called: .smlFormInput { width: 140px; } So I apply that to the following fields: <input name="firstName" type="text" class="smlFormInput"> <input name="lastName" type="text" class="smlFormInput"> <input name="email" type="email" class="smlFormInput"> <input name="homePhone" type="tel" class="smlFormInput"> Ok now when executed in Firefox all the input boxes line up properly, but on Chrome the type="email" and type="tel" are different lengths (+2px). Kinda making my page look messy with different size text boxes. What's the problem? Chrome specific bug? Many thanks Quote Link to comment https://forums.phpfreaks.com/topic/222266-html5css3-differing-input-field-widths-when-using-chrome-and-typeemail-etc/ Share on other sites More sharing options...
s_ff_da_b_ff Posted December 22, 2010 Share Posted December 22, 2010 nevermind Quote Link to comment https://forums.phpfreaks.com/topic/222266-html5css3-differing-input-field-widths-when-using-chrome-and-typeemail-etc/#findComment-1150351 Share on other sites More sharing options...
Azsen Posted December 23, 2010 Author Share Posted December 23, 2010 Turns out it's a webkit bug. Not sure if fixed yet. Quote Link to comment https://forums.phpfreaks.com/topic/222266-html5css3-differing-input-field-widths-when-using-chrome-and-typeemail-etc/#findComment-1150571 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.