css怎么设置选择下拉框背景颜色？

css怎么设置选择下拉框背景颜色？

1、首先看一下没有（background-color）属性的选择下拉框的效果。
代码：
<选择>
<option> 123 </ option>
<option> blue </ option>
<option>黄色</ option>
<option>红包</ option>
</选择>

2、要在选择下拉框中添加背景颜色，首先我们需要先编写样式样式，这样便于调用。
样式类样式代码：
<style type =“text / css”>
蓝色 {
背景色：蓝色;
颜色：#FFF;
red {
背景色：＃E20A0A;
颜色：#FFF;
}
黄色 {
背景颜色：黄色;
颜色：#fff;
}
</样式>

3、此时，我们的选择下拉框调用样式类样式。
代码如下：
<选择>
<option> 123 </ option>
<option class =“blue”>蓝色</ option>
<option class =“yellow”>黄色</ option>
<option class =“red”>红包</ option>
</选择>

4、此时，我们将背景颜色添加到选择下拉框中。如下面的效果图。

2023-11-29