On Mon, Jul 21, 2008 at 3:15 PM, shapper <[EMAIL PROTECTED]> wrote: > > Hello, > > I am trying to style my form inputs, textareas and selects as follows:
Try using yui-css-reset and yui-css-base. These CSS files will strip all most of the default styling set by the browser. Check it out here: http://developer.yahoo.com/yui/reset/ - jake > > > input, select, textarea { > border: solid 6px #ECF0F9; > color: #252525; > font: normal 0.75em Verdana, Geneva, sans-serif; > padding: 0.25em; > width: 520px; > } > > I am having a few problems: > > Firefox 3: > > 1. The select is narrow than the inputs and textareas; > 2. When I click the select the dropdown borders look different ... > some are thinner than others. > > IE 7: > > 1. The select is narrow than the inputs and textareas; > 2. The border of the select is not changed. > > What am I doing wrong and how can I make the appearance of a Select > look the same across various browsers? > > Can I do this with JQuery? > > Thanks, > Miguel >
