html - 使用内部 css 更改下拉属性

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>