Select tiklayinca renk

TIKLAYINCA MAVİ OLUYOR BUNUN RENGINI NASIL DEĞİŞTİREBİLİRİM YAN TIKLANDIGINDDA ÖRNEK VERİYORUM KIRIMIZI OLMASINI İSTİYORUM.

<select size="3">
<option value="1" class="yazi">Konut</option>
<option value="2" class="yazi">İşyeri</option>
<option value="3" class="yazi">Arsa</option>
</select>

option tagının hover ve focus anahtarlarına background ver

option:focus { background-color: yellow; }
option:hover { background-color: yellow; }


ÜZERİNE GELİNCE SARI OLUYOR AMA TIKLAYINCA YİNE MAVİ

:active {background-color: yellow;}