如何更改滚动条的颜色

Question

我有任务来改变滚动条的颜色.为此,我使用了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;
}

Answer 1

我不太确定你是否可以。但您可以使用文本框、按钮和 div 构建自己的下拉列表，单击按钮后将打开这些下拉列表。通过这种方式，您可以自定义下拉列表中的所有内容，甚至下拉列表的内容，您可以在网上搜索，有很多此类方法的示例，您可以使用其中之一