html - 如何设置 HTML 选择/选项标签的样式？

Question

我想用 html select 创建一个下拉菜单，因此我也想设置它的样式。我想为选项标签设置一个填充，这样它们就不会那么拥挤，但我不能这样做。 (它不起作用) 有什么想法吗？

#categories
{
padding: 10px 10px 10px 10px;
background-color: #826B78;
font-size: 20px;
color: white;
margin: 10px 10px 10px 10px;
border: none;
outline: none;
}

#categories option
{
margin: 30px 30px 30px 30px;
padding: 30px 30px 30px 30px;
font-size: 20px;
}

类别id属于select标签

Answer 1

禁用默认设置可以让您有更多的自由 - 为您选择一个类，在该类中使用以下内容:

-webkit-appearance:none; 
-moz-appearance:none; 
 appearance:none;

然后添加你的默认样式