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...

 

[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?