首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

怎么改变下拉框的默认选中颜色【灰色】

2011-12-31 
如何改变下拉框的默认选中颜色【灰色】? 公司要求做一个颜色的下拉框?selectname font_bg_color style

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

公司要求做一个颜色的下拉框?
<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>
<option style= 'color: #696969; background-color: #696969 ' value= '#696969 '> #696969 </option>


<option style= 'color: #6495ed; background-color: #6495ed ' value= '#6495ED '> #6495ED </option>
<option style= 'color: #dc143c; background-color: #dc143c ' value= '#DC143C '> #DC143C </option>
<option style= 'color: #00ffff; background-color: #00ffff ' value= '#00FFFF '> #00FFFF </option>
<option style= 'color: #00008b; background-color: #00008b ' value= '#00008B '> #00008B </option>
<option style= 'color: #008b8b; background-color: #008b8b ' value= '#008B8B '> #008B8B </option>
<option style= 'color: #b8860b; background-color: #b8860b ' value= '#B8860B '> #B8860B </option>
<option style= 'color: #a9a9a9; background-color: #a9a9a9 ' value= '#A9A9A9 '> #A9A9A9 </option>
<option style= 'color: #006400; background-color: #006400 ' value= '#006400 '> #006400 </option>
<option style= 'color: #bdb76b; background-color: #bdb76b ' value= '#BDB76B '> #BDB76B </option>
<option style= 'color: #8b008b; background-color: #8b008b ' value= '#8B008B '> #8B008B </option>
<option style= 'color: #556b2f; background-color: #556b2f ' value= '#556B2F '> #556B2F </option>
<option style= 'color: #ff8c00; background-color: #ff8c00 ' value= '#FF8C00 '> #FF8C00 </option>
<option style= 'color: #9932cc; background-color: #9932cc ' value= '#9932CC '> #9932CC </option>
<option style= 'color: #8b0000; background-color: #8b0000 ' value= '#8B0000 '> #8B0000 </option>
<option style= 'color: #e9967a; background-color: #e9967a ' value= '#E9967A '> #E9967A </option>
<option style= 'color: #8fbc8f; background-color: #8fbc8f ' value= '#8FBC8F '> #8FBC8F </option>
<option style= 'color: #483d8b; background-color: #483d8b ' value= '#483D8B '> #483D8B </option>
<option style= 'color: #2f4f4f; background-color: #2f4f4f ' value= '#2F4F4F '> #2F4F4F </option>
<option style= 'color: #00ced1; background-color: #00ced1 ' value= '#00CED1 '> #00CED1 </option>
<option style= 'color: #9400d3; background-color: #9400d3 ' value= '#9400D3 '> #9400D3 </option>
</select>
[解决办法]
样式表里的那4个啊。好象是alink 、visit什么的

热点排行