How can I change the background color when user hovers it ? I have tried this but it's not working.
<select>
<option>bmw</option>
<option>audi</option>
<option>mercedes</option>
</select>
$('option').hover(function(){
$(this).css("background-color","#FFFFCC");
});
You cannot use option in this way. The best solution would be styling something similar with <ul>
and <li>
and interacting with JS.
hover
event can not be bound to an option
tag. I'll update this post if I find the documentation or proof that says so. In my experience, this cannot be done.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.