我们有以下代码,这是一个html5选择下拉菜单:
<!doctype html>
<select name="indexCombobox1">
<option selected value="null"> Sort By:</option>
<option value="most_recent"> Most Recent</option>
<option value="most_popular"> Most Popular</option>
<option value="featured"> Featured</option>
</select>
是否有一个数据属性可以将下拉背景设置为透明,以便您可以看到下拉菜单背后的内容?是否有数据属性将选项高亮显示从默认蓝色更改为不同的颜色,例如黄色?
答案 0 :(得分:1)
CSS(3)应该可以解决问题。类似的东西:
option:hover {
background-color: rgba(0, 0, 0, .2);
}
编辑: 使用jquery而不是css:
$('option').hover(function() {
$(this).css(backgroundColor: 'rgba(0, 0, 0, .2)');
}, function(){
$(this).css(backgroundColor: 'blue'); //or something else you consider 'normal'
});
答案 1 :(得分:0)
我越来越多地使用jqtransform library为移动网络应用和HTML网站设置表单元素的样式。
我无法确认它是否会让你让背景变得透明,但它可以做其他所有事情以形成元素。