Styling Select Option:hover problem in css

[Palooo 2009]

Hello,

I am trying to style select option in css. I got it working using

select option
{
}

but when i hover any option, it doesn't show any style:

I am trying to style it with

select option:hover
{
}

I don't know what is causing this not to work...

Palooo 2009 Reviewed by Palooo 2009 on 21st Jul 2010. Styling Select Option:hover problem in css Hello, I am trying to style select option in css. I got it working using select option { } but when i hover any option, it doesn't show any style: Rating: 5

[Dan.Crew]

i dont know much but i think u have to add text decoration hover...
i might be wrong...

[Palooo 2009]

Nah this is not working and btw i haven't heard of text decoration hover before.

[magca]

You cant use CSS for that. Change it onmouseover and onmouseout with JS.

[Palooo 2009]

I know it can be done with mouse events but it'll be really a pain to edit all the select options individually.

[timtamboy63]

paste the relevant html here

[Palooo 2009]

It is for the whole vbulletin select dropdown boxes.

[jayfella]

example:

<div class="myNavBar">
   <div class="menuItem">Item1</div>
   <div class="menuItem">Item2</div>
   <div class="menuItem">Item3</div>
   <div class="menuItem">Item4</div>
</div> 

The CSS would be:

myNavBar menuItem {background: #fff;}
myNavBar menuItem:hover {background: #c0c0c0;} 

[timtamboy63]

@jayfella, don't you need the dot in front of myNavBar?