如何更改滚动条的颜色

时间:2013-04-10 06:23:04

标签: javascript jquery css3 jscrollpane

我有任务来改变滚动条的颜色。为此,我使用了jscrollpane.By这样做只改变了浏览器滚动。我想改变下拉列表的颜色。我怎么能这样做? html是

  <div class='columnLeft'>
       <div class="labels w110">
            <label>Country</label>
       </div>
       <div class="controls hello" id="hello">
            @Html.DropDownList("ddlReCountry", null, new { @onchange = "onReBindCountry()", @class = "dropdown w325" })
       </div>
  </div>

javascript是

 $(function () {
            $('.hello ').jScrollPane();
            $('#hello').bind(
            'jsp-scroll-y',
        function (event, scrollPositionY, isAtTop, isAtBottom) {
            console.log('#pane1 Handle jsp-scroll-y', this,
                        'scrollPositionY=', scrollPositionY,
                        'isAtTop=', isAtTop,
                        'isAtBottom=', isAtBottom);
        });
 });

css是

.jspTrack {
    background: lightgray !important;
}

.jspDrag {
    background: gray !important;
}

1 个答案:

答案 0 :(得分:1)

我不确定你是否可以。但您可以使用单击按钮后打开的文本框,按钮和div来构建自己的下拉列表。通过这种方式,您可以自定义下拉列表中的每个内容甚至是下拉列表的内容,您可以在网上搜索有大量样本这样的approch您可以使用其中一个