如何设置选项的宽度和高度以及更改每个选项的颜色答案

【问题标题】：how to set the width and height of option and change color of every option如何设置选项的宽度和高度以及更改每个选项的颜色
【发布时间】：2021-12-23 00:10:04
【问题描述】：

我正在尝试为每个选项添加不同的颜色并设置每个元素的宽度、高度和边距

<select>
        <option> Edit </option> 
        <option> Cancel </option> 
        <option> Pause/Resume </option> 
        <option> Force exit</option> 
 </select>

【问题讨论】：

select 使用内置的浏览器控件，因此在样式方面您可以“做”的数量有限。如果您想控制下拉菜单的外观，那么我建议您使用替换，例如select2

标签： html jquery css drop-down-menu html-select

【解决方案1】：

<select>
        <option style="background-color:blue"> Edit </option> 
        <option style="background-color:red"> Cancel </option> 
        <option style="background-color:green"> Pause/Resume </option> 
        <option style="background-color:yellow"> Force exit</option> 
 </select>

并使用 CSS 或样式更改宽度和其他内容。但是如果你想让它们在你选择它们时是那种颜色，那必须有一些 jQuery 代码。

【讨论】：