如何设置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>

设置后的效果如下：

 

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

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