jquery - CSS drop down menu list color does not change on hover in Google chrome -


i have problem css drop down menu not work in chrome on hover.

expected behavior: hovering on of list item should change background color set using css rules.

actual behavior: default color(blue) stays after hovering on list item.

if run same code in internet explorer(ie 10,11) working absolutely fine not in chrome.my chrome version 47.

mycode:

 <style> option:hover {     background: #01a982;   }   </style>
<select>    <option>1</option>    <option>2</option>    <option>3</option>    <option>4</option>    <option>5</option>  </select>

jsfiddle link : https://jsfiddle.net/sandeepb/p7jz9g95/

chrome doesn't support :hover on option elements. there isn't simple workaround this. need use javascript solution or other type of elements made & act select, if need :hover support in chrome.


Comments

Popular posts from this blog

sql - VB.NET Operand type clash: date is incompatible with int error -

SVG stroke-linecap doesn't work for circles in Firefox? -

python - TypeError: Scalar value for argument 'color' is not numeric in openCV -