在网页中怎么改变下拉菜单(就是<select></select>)的颜色?

发布网友 发布时间：2022-05-02 23:15

我来回答

共5个回答

热心网友 时间：2022-04-21 14:23

<span style="POSITION:absolute;border:1px solid #F00 ">
<select name="select" style=" margin:-2px; ">
<option style="background-color:#666600;color:#FFFFFF;">下拉菜单</option>
<option style="background-color:#666600; color:#FFFFFF">下拉菜单</option>
<option style="background-color:#666600; color:#FFFFFF">下拉菜单</option>
</select></span>

热心网友 时间：2022-04-21 15:41

通过select的style可以设置下拉框的一些属性，如果设置背景色的话，可以这样写：

<select name=tt1 style="background-color:red;">
<option value=1>111</option>
<option value=2>222</option>
<option value=3>333</option>
</select>

热心网友 时间：2022-04-21 17:16

在CSS里面设置。
background-color

热心网友 时间：2022-04-21 19:07

在css里添上
select { background-color: #e9f2f8 }

颜色任意改

热心网友 时间：2022-04-21 21:15

<style>
SELECT
{
FONT-SIZE: 12px;
FONT-FAMILY: "宋体","Verdana";
BACKGROUND-COLOR: #FFFFF0;
color: #003366;
MARGIN-LEFT: 3px;
}
</style>
放在网页中就ok

或者
<style>
.SelectMode
{
margin: -2px;
FONT-SIZE: 12px;
FONT-FAMILY: "宋体","Verdana";
BACKGROUND-COLOR: #FFFFFF;
z-index: -1;
color: #003366;
MARGIN-LEFT: 3px;
}
</style>
可以用于单个select框，这样引用：
<select class="SelectMode">
...
</select>