Use CSS to style HTML select after a selection has been made

Question

I am looking for an opposite of select:focus, something that would style the select from CSS after a selection is made.

concept:

select:when not focused
{
    color:transparent;
}

Check ["Does CSS have a :blur selector ( pseudo-class )?"](http://stackoverflow.com/questions/11703241/does-css-have-a-blur-selector-pseudo-class) — PoseLab, May 16 '13 at 12:43

score 4 · Accepted Answer · edited May 16 '13 at 13:02

4

You could use :not pseudo-class and combine it with the :focus one. Something like this should work:

select:not(:focus) {
  color: red;
}

edited May 16 '13 at 13:02

Pavlo

answered May 16 '13 at 12:46

pzin

score 1 · Answer 2 · answered May 16 '13 at 12:42

1

do u mean on focusout

$("element").focusout(function() { ... });

answered May 16 '13 at 12:42

Ashok Damani

Neither JavaScript, nor jQuery tags are present, why to propose such solution? – Pavlo May 16 '13 at 13:04
No - i just wanted to use basic css to give that effect - thanks – Jagtar May 16 '13 at 13:17

score 1 · Answer 3 · answered May 16 '13 at 12:58

1

Editing to what @Pzin said, add a new class with select to get what you want.

Like

select:focus {
  background: white;
}

answered May 16 '13 at 12:58

Nitesh

3 Answers3