0

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>

ドロップダウンメニューの背後にあるものを見ることができるように、ドロップダウンの背景を透明に設定できるデータ属性はありますか? オプションのハイライトをデフォルトの青から黄色などの別の色に変更するデータ属性はありますか?

4

2 に答える 2

1

CSS（3）でうまくいくはずです。何かのようなもの：

option:hover {
background-color: rgba(0, 0, 0, .2);
}

編集：cssの代わりにjqueryを使用：

$('option').hover(function() {
     $(this).css(backgroundColor: 'rgba(0, 0, 0, .2)');
}, function(){
    $(this).css(backgroundColor: 'blue'); //or something else you consider 'normal'
});
于 2012-05-23T07:09:23.827 に答える
0

jqtransform ライブラリを使用して、モバイル Web アプリと HTML Web サイトの両方のフォーム要素のスタイルを設定することが増えています。

背景を透明にすることができるかどうかは確認できませんが、要素を形成するために他のほとんどすべてを行うことができます.

于 2012-05-23T07:03:48.223 に答える