如何设置Select下拉选择框(菜单)的样式

增加CSS样式：

<style type="text/css">
.select{border:1px #004080 solid;float: left;}
.select div{border:1px #efefef solid;float: left;}
.select div select{display:block;float:left;margin:-2px;font-family:Verdana,Arial; font-size: 11pt; color: #FF0000}
</style>

在下拉菜单的前后加上<div>标记，如：

<div class="select">
<div>
<select>
<option>设置样式后的选择框文字</option>
<option>设置样式后的选择框文字</option>
<option>设置样式后的选择框文字</option>
</select>
</div>
</div>

设置后的效果如下：

 设置样式后的选择框文字 设置样式后的选择框文字 设置样式后的选择框文字

 未设置样式的选择框文字 未设置样式的选择框文字 未设置样式的选择框文字

本文来自优快云博客，转载请标明出处：http://blog.youkuaiyun.com/cxyyxc/archive/2007/08/12/1739879.aspx