改变选项元素的背景颜色

Question

我有一个选择下拉菜单，其中有选项元素和div与表情符号动态添加到它。它看起来像这样

<select class="items-dropdown">
<option class="each-item">Lang1 <div>Emoji here</div></option>
<option class="each-item">Lang2<div>Emoji here</div></option>
</select>

我试图在悬停时改变选项元素的背景颜色，尝试option:hover{background-color:}，并尝试在悬停时更改选择列表选项背景颜色的解决方案

这些解决方案也不起作用。有人能提出解决办法吗?我应该切换到ul和li风格下拉?我无法设置<div>的样式

Answer 1

这个注释正在做悬停部分https://stackoverflow.com/a/60073662/11352456

我认为它满足你的要求。