我想在下拉列表,列表框和文本框中更改所选项目的背景颜色. CSS有可能吗?
谢谢
更新
刚刚尝试过此CSS:
::-moz-selection
{
background-color:#8CCA1E;
color:Black;
}
适用于选定的文本,但不适用于悬停颜色或下拉列表或列表框上的选定项目颜色.
最佳答案
您可以通过指定CssClass或BackColor属性从.aspx页设置背景色.
原文链接:https://www.f2er.com/css/530842.html<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伪选择器
:(
.