阅历与读书阅读答案:在网页中怎么改变下拉菜单(就是<select></select>)的颜色?

来源:百度文库 编辑:神马品牌网 时间:2024/04/28 01:18:15
网页中可下拉菜单,默认的是蓝色的
请详细一些!!

通过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>

<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>

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

颜色任意改

在CSS里面设置。
background-color

<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>