Как стилизовать select и в нем скролл?

358

22 марта 2017, 17:53

Вот такая у меня форма в макете http://joxi.ru/J2b5xvLs91Rgm6 нашел плагин для select, а вот как внутри него сделать красивый скролл, не знаю, буду благодарен за любые ссылки или информацию.

Answer 1

Вот хороший плагин для кастомных скроллбаров. Инициализируется очень просто:

    
  $(window).on("load",function(){ 
      $(".content").mCustomScrollbar(); 
  });

 .content { 
    float: left; 
    width: 340px; 
    height: 300px; 
    background:#e1e1e1; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<link rel="stylesheet" href="http://manos.malihu.gr/repository/custom-scrollbar/demo/jquery.mCustomScrollbar.css" /> 
<script src="http://manos.malihu.gr/repository/custom-scrollbar/demo/jquery.mCustomScrollbar.concat.min.js"></script> 
 
<div class="content mCustomScrollbar _mCS_3"> 
test test test test test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test testtest test test 
</div>