我有一个默认的 ASP.NET 下拉菜单,它使用“国家/地区”的选择标签 ID 呈现。
我希望下拉菜单的背景是透明的以与页面背景相匹配,并且还希望保持默认边框也消失,以便与背景很好地融合。列表项可以有白色背景。我有一张我想使用的自定义箭头的图像,而不是用于单击下拉菜单的默认箭头。
将鼠标悬停在下拉列表项目上时,我希望项目的背景为黄色,字体颜色应始终为黑色。
我想尽可能多地使用 CSS 2.1,但如果它太复杂,那么我愿意使用 javscript 或 jquery。
下面是渲染的标记,以及我一直在尝试编写的一些自定义样式。我还认为某些样式会被某些默认样式覆盖。任何帮助完成此样式将不胜感激。谢谢
<select name="ContriesDropdown" class="Select.SmallSelect" id="Countries" style="width: 100px; background-color: white;" onblur="try{FormUtils_ElementErrorReset(this);}catch(e){}" onchange="Send(this.value);">
<option value="1">Country1
<option value="2">Country2
*CustomCss*
#Countries { position:absolute; display:inline; top:6px;}
#Countries {background-color:transparent; vertical-align: middle; color: #44586D; border: 0px transparent; display: inline;padding:2px;}
#Countries Option:hover { color:black; background-color:Yellow; }