c#-使用CSS更改ASP.NET中下拉列表所选项目的背景颜色

前端之家收集整理的这篇文章主要介绍了c#-使用CSS更改ASP.NET中下拉列表所选项目的背景颜色 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我想在下拉列表,列表框和文本框中更改所选项目的背景颜色. CSS有可能吗?

谢谢

更新

刚刚尝试过此CSS:

::-moz-selection 
{
    background-color:#8CCA1E;
    color:Black;
}

适用于选定的文本,但不适用于悬停颜色或下拉列表或列表框上的选定项目颜色.

最佳答案
您可以通过指定CssClass或BackColor属性从.aspx页设置背景色.

<asp:ListBox CssClass="MyListBox" BackColor="#e0e0e0"></asp:ListBox>

设置所选项目有点棘手…我不认为直接有此属性.您可以在javascript或jQuery中进行设置,例如:

// Never mind,this won't work
<script type="text/javascript">
  $(document).ready(function() {
    $('#MyListBox').click(function() {
        $("#MyListBox option:selected").css("background-color","#e0e0e0");
    }); 
  });
</script>

我将对其进行测试,以确保它能够正常工作.如果您需要直接的javascript解决方案,我将为您提供解决方案.但是,如果您不使用jQuery,并且希望对控件进行细粒度的控制,那么现在是学习它的好时机:)

感谢Justin对脚本的更正!

编辑
悬停很容易…添加样式:

  select > option:hover {
    background-color:  #ffffd0;
  }

这将为您在页面上悬停的任何列表框项目设置背景色. jQuery可用于设置所有列表框的click函数,而不仅仅是#MyListBox …给我几分钟,我将添加一些代码

更新
经过大量研究,用尽了我拥有或可以动用的所有资源,我得出的最佳答案是:无法设置所选的颜色.

甚至我想出的jQuery代码都行不通.所选颜色由操作系统设置,不能被覆盖.

抱歉,我能做的最好是:hover伪选择器
:(

.

原文链接:https://www.f2er.com/css/530842.html

猜你在找的CSS相关文章