W3C home > Mailing lists > Public > www-style@w3.org > November 2012

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

From: Markus Ernst <derernst@gmx.ch>
Date: Thu, 01 Nov 2012 09:17:35 +0100
Message-ID: <5092301F.7090606@gmx.ch>
To: Brad Kemper <brad.kemper@gmail.com>
CC: "Tab Atkins Jr." <jackalmage@gmail.com>, Aaron Hamilton <aaron@correspondwith.me>, "www-style@w3.org Style" <www-style@w3.org>
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.
Received on Thursday, 1 November 2012 08:18:02 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:02 GMT