select怎么修改下拉框的背景色
的有关信息介绍如下:今天小编就来带大家一起了解一下背景色(background-color)属性的使用方法及案例示范。
background-color是用来设置元素的背景颜色。
ex:
我们先来看一下没有(background-color)属性的,select下拉框效果。
代码:
想要给select下拉框添加背景颜色,首先我们要先写好style样式,方便调用。
style类样式代码:
.blue {
background-color:blue;
color:#fff;
}
.red {
background-color: #E20A0A;
color:#fff;
}
.yellow {
background-color: yellow;
color: #fff;
}
这时,我们的select下拉框调用style类样式。
代码如下:
这时我们就给select下拉框添加上背景色了,下面给大家展示一下效果图。
color:是用来设置字体的颜色;
background-color:是用来设置背景颜色。
代码如下:
字体显示是白色,背景颜色是红色