スクロールバーの色を変更するタスクがあります。そのためにjscrollpaneを使用しました。これにより、ブラウザのスクロールのみが変更されます。ドロップダウンリストの色も変更したいです。どうすればよいですか? 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;
}