我一直在使用Chosen jquery插件。我已经使用CSS将其改为黑暗风格,但现在我想设置滚动条的样式,因此它不是相同的默认浏览器滚动条,这对我的网页来说太轻了。对于我页面上的大部分内容,我使用NiceScroll插件,并将颜色设置为暗。我真的想在选择的搜索框中使用这个nicescroll,但是当我尝试这个时它会使搜索框无法使用,因为它拒绝下拉和搜索。是否有任何插件我可以用来设置选择滚动条的样式,或者我应该寻找另一种方式来设置我的搜索/输入框一起设置?
$(".chosenbox").niceScroll();
使用此选项可使下拉列表不再下拉,但仍可使用鼠标滚轮滚动列表中的项目。
echo "<div id='dark-select' class='box'>";
echo "<select name='band' class='chosenbox ui-widget-content ui-corner-left ui-corner-right ui-state-default'>";
echo "<option name='select' value='' disabled selected>Search by Band</option>";
while ( $therow = mysql_fetch_array($results) )
{
$theband = $therow["band"];
echo("<option name='");
echo($theband);
echo("' value='");
echo($theband);
echo("'");
if ($theband == $band)
echo(" selected");
echo(">");
echo($theband);
echo("</option>");
}
echo("</select>");
echo("</div><div class='box' width='100'> </div>");
此代码会创建滚动条,但会错误,因为它会将滚动条放在左侧,而不是应该位于结果内部。
$(".chosen-results").niceScroll();