使用内部css更改Dropdown属性

Question

这是我目前拥有的当前内部HTML和CSS。我想让这个框比实际稍大，我想把这个框的背景色改为当前CSS中的奶油色。

select option {
width: 30%;
height: 25px;
background-color: #fff2e2;
color: #56515d;
font-size: 25px;
}

<select id="typeofservice" name="typeofservice">
<option value="value1">Dine In</option>
<option value="value2">Carry Out</option>
<option value="value3">Delivery</option>
</select>

Answer 1

您需要这样更改吸引力：

select {
...
}

此外，设置height: auto以取消高度限制。

select {
width: 30%;
height: auto;
background-color: #fff2e2;
color: #56515d;
font-size: 25px;
}

<select id="typeofservice" name="typeofservice">
<option value="value1">Dine In</option>
<option value="value2">Carry Out</option>
<option value="value3">Delivery</option>
</select>