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 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 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. 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
Archived
This topic is now archived and is closed to further replies.