Jak zmienić kolor paska przewijania

Question

Mam zadanie, aby zmienić kolor paska przewijania. Do tego użyłem jscrollpane. Robiąc to zmieniłem tylko przewijanie przeglądarki. Chcę zmienić kolor listy rozwijanej również. Jak mogę to zrobić? html jest

<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 jest

$(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 jest

.jspTrack { 
    background: lightgray !important; 
} 

.jspDrag { 
    background: gray !important; 
} 

Answer 1

Nie jestem pewien, czy jest to możliwe. ale możesz zbudować własną listę rozwijaną używając pola tekstowego, przycisku i elementu div, który zostanie otwarty po kliknięciu przycisku. W ten sposób możesz dostosować wszystko do listy rozwijanej, nawet do zawartości rozwijanego menu, możesz wyszukiwać w sieci, jest mnóstwo przykładów takich aplikacji, możesz użyć jednego z nich