1

私は Chosen jquery プラグインをいじっています。CSS を使用して暗いスタイルに変更しましたが、スクロールバーのスタイルを設定したいので、Web ページには明るすぎるデフォルトのブラウザースクロールバーとは異なります。私のページのほとんどのコンテンツでは、NiceScroll プラグインを使用しており、色も暗く設定しています。Chosen検索ボックスでもこのnicescrollを使用したいのですが、これを試してみると、ドロップダウンと検索を拒否するため、検索ボックスが使用できなくなります。Chosen でスクロールバーのスタイルを設定するために使用できるプラグインはありますか? 検索/入力ボックスをまとめてスタイル設定する別の方法を探す必要がありますか?

$(".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();
4

0 に答える 0