Question

我们有以下代码，这是一个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>

是否有一个数据属性可以将下拉背景设置为透明，以便您可以看到下拉菜单背后的内容？是否有数据属性将选项高亮显示从默认蓝色更改为不同的颜色，例如黄色？

Answer 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'
});

Answer 2

我越来越多地使用jqtransform library为移动网络应用和HTML网站设置表单元素的样式。

我无法确认它是否会让你让背景变得透明，但它可以做其他所有事情以形成元素。

当选项突出显示时，html5选择标记设置为透明和不同颜色

2 个答案: