日期:2014-05-18  浏览次数:20677 次

如何改变下拉框的默认选中颜色【灰色】?

公司要求做一个颜色的下拉框?
<select   name= "font_bg_color "   style= "width:60px "  
                                                    onchange= "window.focus() ">  
<option   style= "background-color:#FF0000 "   value= "#FF0000 ">  
<option   style= "background-color:#FFCC00 "   value= "#FFCC00 ">  
<option   style= "background-color:#FFFF00 "   value= "#FFFF00 ">  
<option   style= "background-color:#00FF00 "   value= "#00FF00 ">  
<option   style= "background-color:#00CCFF "   value= "#00CCFF ">  
<option   style= "background-color:#0000FF "   value= "#0000FF ">  
<option   style= "background-color:#9900FF "   value= "#9900FF "   selected>  
<option   style= "background-color:#FFFFFF "   value= "#FFFFFF ">  
<option   style= "background-color:#000000 "   value= "#000000 ">  
</select>  

现在存在着N个问题,当鼠标选择到所要的颜色时,却被下拉框的默认选中色【灰色】   给覆盖了,无法看清所要的颜色;当选择了所要的颜色后,在下拉框外任意处点击下,下拉框中的颜色还是【灰色】,要再次点击任意处后才能显示出所选的颜色;如何解决这些问题?   ...



------解决方案--------------------
B4楼上的

已经做了好几次广告了

被封了多少号都不知道悔改

说正题吧

我觉得用样式表才能实现这个功能

具体的设置我还不知道

应该是样式表里设置好被选中或者是鼠标指向它的时候的样式
------解决方案--------------------
?用style啊,这个问题你也来问
<select name= "gvTopicColor " id= "gvTopicColor ">
<option selected value= " "> 主题颜色 </option>
<option style= 'color: #000000; background-color: #000000 ' value= '#000000 '> #000000 </option>
<option style= 'color: #FF0000; background-color: #ff0000 ' value= '#ff0000 '> #FF0000 </option>
<option style= 'color: #FF00FF; background-color: #FF00FF ' value= '#FF00FF '> #FF00FF </option>
<option style= 'color: #7fffd4; background-color: #7fffd4 ' value= '#7FFFD4 '> #7FFFD4 </option>
<option style= 'color: #696969; background-color: #696969 ' value= '#696969 '> #696969 </option>
<option style= 'color: #8a2be2; background-color: #8a2be2 ' value= '#8A2BE2 '> #8A2BE2 </option>
<option style= 'color: #a52a2a; background-color: #a52a2a ' value= '#A52A2A '> #A52A2A </option>
<option style= 'color: #deb887; background-color: #deb887 ' value= '#DEB887 '> #DEB887 </option>
<option style= 'color: #5f9ea0; background-color: #5f9ea0 ' value= '#5F9EA0 '> #5F9EA0 </option>
<option style= 'color: #7fff00; background-color: #7fff00 ' value= '#7FFF00 '> #7FFF00 </option>
<option style= 'color: #d2691e; background-color: #d2691e ' value= '#D2691E '> #D2691E </option>
<option style= 'color: #ff7f50; background-color: #ff7f50 ' value= '#FF7F50 '> #FF7F50 </option>
<option style= 'color: #1e90ff; background-color: #1e90ff ' value= '#1E90FF '> #1E90FF </option>
<optio