Не задава цвят на определен option

[dunix]

Здравейте,

пробвам се да задам червен цвят на първият <option> елемент чрез css

[css].FormSearch select#month option:first-child{ color:red;}[/css]

целта е преди да натиснеш на него да ти се показва че е червено (задължително), а се показва така:

Някакви идеи?

Редакция:
пробвах с JS - никакъв резултат

 

[IvanAdamov]

Заповядай
http://jsfiddle.net/aZUFa/

 

[deam0n]

това ли искаш?

http://jsfiddle.net/7v4YL/5/


@IvanAdamov - той иска когато не е натиснат селекта, пак първия option да е червен.

 

[dunix]

това ли искаш?

http://jsfiddle.net/7v4YL/5/


@IvanAdamov - той иска когато не е натиснат селекта, пак първия option да е червен.

Когато задам друга стойност, тя трябва да е с черен цвят, а не червен.

 

[anonimen]

Тоест искаш при hover преди да се натисне "месец", цветът му да бъде червен, а като махнеш мишката, да остане с черен цвят, така ли? Ами и аз оптитах - не става. Но ти предлагам друго:
Вариант 1: http://jsfiddle.net/Cc5D3/
Вариант 2: http://jsfiddle.net/Cc5D3/2/
Вариант 3 (комбинация): http://jsfiddle.net/Cc5D3/1/

Само да поясня, че css-a в случая нищо не прави, просто забравих да го махна.

 

[IvanAdamov]

@anonimen, при мен не ти работчт примерите

 

[anonimen]

@anonimen, при мен не ти работят примерите

При мен работят :roll: Аз съм с mozilla и всичко е наред.

Edit: наистина, при chrome, IE и в safari не работят! Нямам идея защо става така. Пробвах към <option> да добавя onclick="alert('dada')" и не става(Chrome). Явно самият браузър не успява към таговете option да добавя цветове и друг текст. Други идеи нямам.