更改选择悬停时的列表选项背景颜色 [英] Change Select List Option background colour on hover

问题描述

是否可以更改悬停时选择列表选项的默认背景颜色？

Is it possible to change the default background color of a select list option on hover?

HTML：

<select id="select">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

我尝试过选项：hover {background-color：red; } ，但它没有用。是否有人知道如何做到这一点？

I have tried option:hover { background-color: red; }, but it is of no use. Does anybody know how to do this?

推荐答案

这可以通过实现插入框阴影来完成。
例如：

This can be done by implementing an inset box shadow. eg:

select.decorated option:hover {
    box-shadow: 0 0 10px 100px #1882A8 inset;
}

这里， .decorated 是分配给选择框的类。

Here, .decorated is a class assigned to the select box.

希望你得到了答案。

这篇关于更改选择悬停时的列表选项背景颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！