我可以通过添加 size
来实现这一点,但是如果我删除它,它就不会再显示了。提前谢谢你。
<html>
<body>
<select class="star" att="0" size="2">
<option>Shell</option>
<option>Cabbage</option>
<option>Beans</option>
<option>Cheese</option>
<option>Clock</option>
<option>Monkey</option>
</select>
<script>
$(document).ready(function(event) {
$('select').on('mouseenter', 'option', function(e) {
this.style.background = "#DCDCDC";
});
$('select').on('mouseleave', 'option', function(e) {
this.style.background = "none";
});
});
</script>
</body>
</html>
最佳答案
你可以简单地用css实现这个
.star option {
background-color: blue;
}
.star option:hover {
background-color: grey;
}
<select class="star" att="0" size="2">
<option>Shell</option>
<option>Cabbage</option>
<option>Beans</option>
<option>Cheese</option>
<option>Clock</option>
<option>Monkey</option>
</select>
关于javascript - 当鼠标悬停在选项上时,如何将 SELECT <OPTION> 标记的背景颜色从蓝色更改为灰色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54868039/