如何解决下拉ListItem背景颜色更改
我正在尝试使DropDown的背景色甚至对于Listitem也透明。
<asp:Label ID="Label1" runat="server" Text="Language : " style="color:white;padding:0 2px 0 2px;background-color: transparent !important;" />
<asp:DropDownList ID="ddlLanguages" runat="server" AutoPostBack="true" style="color:black;background-color: transparent !important;" >
<asp:ListItem style="background-color:transparent" Text="English" Value="en-us" />
<asp:ListItem style="background-color:transparent" Text="French" Value="fr" />
</asp:DropDownList><span style="color: white;;padding:0 2px 0 2px;"> | </span>
但是它不起作用,甚至在我的主要CSS文件中添加了CSS仍然不起作用
select.tt-dropdown-menu {
background-color: transparent !important;
}
select.tt-dropdown-menu .tt-suggestions .tt-suggestion {
cursor: pointer;
border-bottom: 1px solid #000;
}
不确定为什么不起作用。任何建议!
解决方法
实际上,将背景颜色更改为透明根本没有任何效果。那是因为选择选项容器具有一些属性,这些属性首先由浏览器定义,其次由操作系统定义。这意味着,如果将ListItem的背景颜色更改为透明,则容器的颜色为白色,您将无法找到区别。除了透明之外,您还可以使用该js / jquery脚本更改奇数,偶数元素的颜色:
window.onload = function () {
$("#<%=ddlLanguages.ClientID%> option:odd").css("background-color","red");
$("#<%=ddlLanguages.ClientID%> option:even").css("background-color","blue");
}
这可以通过CSS实现,但我认为jquery是在Web表单中实现的更稳定的选择
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。