如何设置Chosen jquery插件的滚动条样式?

时间:2013-10-21 14:32:32

标签: jquery

我一直在使用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'>&nbsp;</div>");

此代码会创建滚动条,但会错误,因为它会将滚动条放在左侧,而不是应该位于结果内部。

$(".chosen-results").niceScroll();

0 个答案:

没有答案