efeito alink , visited, hover, active e checked

[Biel. 9]

Boa noite a todos. direto ao ponto.

Pessoal no select option abaixo, gostaria que o texto ficasse verde ao clicar e

quando eu clicar fora gostaria que o texto ficasse azul

Também gostaria que o background permanecesse na cor que está

<style>
.tata_01 {width:80px; font-size:18px; font-weight:bold; color:#585858; background-color:#f5f5f5;  }
.tata_02 {width:120px; font-size:18px; font-weight:bold; color:#585858; background-color:#D6D6D6; margin-left:10px; }
option:hover,
option:focus,
option:active,
option:checked { color:#000;
    background: linear-gradient(#C1C1C1, #C1C1C1); 
/* background: linear-gradient(#5A2569, #5A2569);*/


}
option:hover{color:#000;}
option:focus{color:#000;}
option:active{color:#000;}
option:checked {background: linear-gradient(#ACACAC, #ACACAC); }
</style>

.....

<select name="teste1" size="6" class="tata_02">
    <option value="1">dia 1</option>
    <option value="2">dia 2</option>
    <option value="3">dia 3</option>
</select>


<select name="teste2" size="6" class="tata_02">
    <option value="janeiro" >janeiro</option>
    <option value="fevereiro">fevereiro</option>
    <option value="marco">março</option>
</select>

 

[reebr 94]

Mas o texto já não fica azul?

[Biel. 9]

mxn, obrigado por postar. O texto fica azul sim, quando você encosta o cursor no item. Quando você clica no item o texto fica branco. Quando você clicar fora do item o texto fica preto.

 

Gostaria que o texto ficasse azul quando eu clicasse fora item.