在选择中更改选项元素的背景颜色[重复]

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:}，还尝试了Change Select List Option background colour on hover中的解决方案

这些解决方案也不起作用。有人可以建议解决方法吗？我应该在下拉菜单中切换到ul 和li 样式吗？我也无法设置<div> 的样式

Answer 1

这条评论正在做悬停部分 https://stackoverflow.com/a/60073662/11352456

我认为它满足您的要求。