整容说文库 > 程序代码 > 教育资讯

改变 Dropdownlist 选择时的颜色

来源:学生作业帮助网 编辑:整容说文库 时间:2019/09/15 22:05:09 程序代码
改变 Dropdownlist 选择时的颜色程序代码
您好,感谢你阅读此帖.

我在使用下拉菜单时,下拉菜单中绑定了各种颜色,但是在移动鼠标选择的时候会把原来的颜色覆盖掉.

如下图所示:在选择的时候会用一种颜色来标识.


本来我下图的第一项颜色是黑色的,但是我把鼠标移动到黑色上面,它就变成另外一种颜色了,如下面两个图所示:





现在我要实现的效果,怎么让下拉菜单在选择的时候颜色设置成透明?而且是只针对这个下拉菜单,呵呵.

或者其它的解决方案,只要不会影响到我列表里面的颜色视觉效果就行了,

请各位朋友帮帮忙,谢谢,祝你生活愉快!
UP
或者请各位朋友给一些提示给我

比如用什么关键字来搜索这方面的资料,谢谢.
不会,帮顶
你应该查一下鼠标事件和你的下拉列表的综合使用
http://www.cnblogs.com/juhnpen/archive/2008/08/29/1279536.html

http://www.cnblogs.com/juhnpen/archive/2008/08/29/1279563.html

http://www.cnblogs.com/lingxzg/archive/2007/07/06/808051.html

网上好像有很多!  自己看看然后再修改一下应该可以实现的!
引用 5 楼 zhoukang0916 的回复:
http://www.cnblogs.com/juhnpen/archive/2008/08/29/1279536.html

http://www.cnblogs.com/juhnpen/archive/2008/08/29/1279563.html

http://www.cnblogs.com/lingxzg/archive/2007/07/06/808051.html

网上好像有很多!  自己看看然后再修改一下应该可以实现的!


看了,可是您的资料上没有讲到选择时的那个颜色问题..汗.
心情低落地飘过.
这个等你的dropdownlist在客户端生成好了以后,给他的每个option附上js转换颜色的代码
12 public partial class Demo16 : System.Web.UI.Page
13 {
14     protected void Page_Load(object sender, EventArgs e)
15     {
16         if (Page.IsPostBack == false)
17         {
18             DropDownList.Items.Add(new ListItem("北京"));
19             DropDownList.Items.Add(new ListItem("天津"));
20             DropDownList.Items.Add(new ListItem("郑州"));
21             DropDownList.Items.Add(new ListItem("苏州"));
22             DropDownList.Items.Add(new ListItem("上海"));
23             DropDownList.Items.Add(new ListItem("深圳"));
24             DropDownList.Items.Add(new ListItem("无锡"));
25             DropDownList.Items.Add(new ListItem("南京"));
26             DropDownList.Items.Add(new ListItem("杭州"));
27 
28             for (int i = 0; i < DropDownList.Items.Count; i++)
29             {
30                 if (i % 2 == 0)
31                 {
32                     DropDownList.Items[i].Attributes.Add("style", "background-color: #00bb88");
33                 }
34             }
35         }
36     }
37 }
38 

 1 <table align="center" bgcolor="#c0de98" border="0" cellpadding="0" cellspacing="1" width="99%">
 2     <tr>
 3         <th colspan="2">
 4             DropDownList控件演示</th>
 5     </tr>
 6     <tr>
 7 
 8     <td align="center" style="width: 140px; height: 30px" >
 9         DropDownList选项</td>
10     <td style="height: 30px" >
11         <select id="DropDownList" style="width: 180px" runat="server">
12 
13         </select>
14     </td>
15 
16     </tr>
17     
18 
19    
20 </table>
 

参考
谢谢楼上的回答,我知道怎么显示不同的颜色啊,只是在鼠标选择的时候会把原来的颜色覆盖了.
为什么在移动鼠标选择下拉菜单项目的时候,会有颜色呢,而且会把原来的颜色覆盖掉了

请问各位朋友,这种情况应该怎么解决吖
http://dotnet.aspx.cc/ShowDetail.aspx?id=C81AD80E-FC14-4FF8-85F3-16CC68811BD5
不知道这个可否实现你的要求。
因为option没有事件,只能模拟成下拉框以实现功能。
添加重绘事件就OK
引用 14 楼 supertyro 的回复:
添加重绘事件就OK

楼主说的是BS的不是CS的
引用 12 楼 aderlee 的回复:
http://dotnet.aspx.cc/ShowDetail.aspx?id=C81AD80E-FC14-4FF8-85F3-16CC68811BD5
不知道这个可否实现你的要求。


这个确实不错,但是不符合我的需求,呵呵 .
帮忙顶,同时也收集了
没有用过 关注
这个<select>在不同的浏览器下针对其样式解析不同,鼠标选择时那个是默认的颜色,定义CSS也不能完全兼容的搞定。一般用层来模拟这个下拉框可以解决,颜色做个图片,设置为背景图或则直接用图来代替试试。
引用 20 楼 cnna002a 的回复:
这个 <select>在不同的浏览器下针对其样式解析不同,鼠标选择时那个是默认的颜色,定义CSS也不能完全兼容的搞定。一般用层来模拟这个下拉框可以解决,颜色做个图片,设置为背景图或则直接用图来代替试试。


帖子我已经加分了,呵呵 .感谢你的回答

不过用层来实现的话,就不能将当前选取的颜色状态回发到服务器了,设置为背景图倒不失为一个好办法,呵呵 .

欢迎大家继续参与讨论.谢谢.
程序代码