Javascript 如何更改css下拉列表以根据文本大小更改大小？

。下拉选择{
-webkit外观：无；
-moz外观：无；
外观：无；
颜色：蓝色；
字体大小：粗体；
文字装饰：下划线；
字体大小：20px；
线高：1.75；
显示：内联块；
背景色：#ffffff；
背景图像：无；
边框样式：无；
背景：url（“http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png）无重复权；
}

比较

选择一个数据集
人口
人口密度
收入
种族多样性
贫困
家庭价值
失业
罪行
无家可归
雾
液化
按邻居

因此，如果我做对了，解决方案就是在类中添加一些

：hover

css。
请看w3school上的示例：

我点击了“自己尝试”，并按照我相信您的意愿修改了代码。
使用下面的css代码，您可以在悬停div选项时根据需要修改它

.select-items div:hover {   
    background-color: rgba(0, 0, 0, 0.1);
    height: 50px; 
}

希望有帮助

---

探索示例了解更多信息，他们为选择菜单的所有部分提供css。

默认情况下，

select

元素将尝试成为列表中最宽选项的宽度。如果你想改变这一点，你需要javascript。100%应该可以，这有什么错？