How to change the color of the scroll bar

I have a task to change the color of the scroll bar. For this, I used jscrollpane. In this case, only the scroll of the browser changed. I also want to change the color of the dropdown. How can i do this? 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;
}