- From: Andrew Fedoniouk <news@terrainformatica.com>
- Date: Tue, 25 Jan 2005 15:59:10 -0800
- To: <www-style@w3.org>
- Message-ID: <006701c50339$dd737e00$c302000a@internal.toppro.net>
I am designing a set of "style capable" HTML input widgets
to be able to define something like this:
select:focus option[selected]
{
background-color: navy;
}
e.g.: http://terrainformatica.com/hsmile/images/controls.jpg
but have found that CSS is missing a concept of "current element".
For example:
<select> element (list box) is "focusable" element but its <options> are not.
Being in focus, <select> has one current item (option) which is visually distinct from others.
My first idea was to use :active pseudo class as a selector for current element but
current role of :active is to show 'pressed' state primarily.
Moreover :current item could be in active (pressed) and non-active (not pressed) state.
Probably I've missed something in list of planned pseudo-classes for CSS3?
Other possible solution for particular problem with <select> and <option> could be to
make <option> "focusable" but in this case other problem arises:
There are no selector for situation:
select-which-contains-option-in-focus
{
border: 1px solid red;
}
I mean it is lack of "containment" selectors like:
P < DIV - any <div> which contains <p>
* < DIV - non empty div
OPTION:focus < SELECT - select having option in focus.
Thanks in advance,
Andrew Fedoniouk.
http://terrainformatica.com
Received on Tuesday, 25 January 2005 23:59:13 UTC