Re: <select> elements are the last of the system widgets to require hacky styling

Am 31.10.2012 17:58 schrieb Brad Kemper:
> It seems like most of this conversation, beginning with Tab's answer, has been about styling OPTIONs. But the original question was just about the un-clicked/un-tapped SELECT element and its icon on the right (which authors were hiding via 'overflow: hidden'), which is generally consistent (with variations) across browsers and platforms, including mobile. I think that question can be answered more simply.

One very basic issue about hackiness in styling the select element is 
that the following CSS:

input[type=text], select {
   width:10em;
   border:2px solid red;
}

will result in different widths for the text and select boxes. This is 
totally unintuitive and annoying.