いい感じのセレクトボックスを作れるjQueryプラグイン「nice-select」
デフォルトのSelect Boxは簡素だし、カスタマイズがめちゃくちゃやりにくい。
なので、適当なセレクトボックスでいいとき以外は基本的にプラグインに頼ることが多い。
おすすめはこちら
http://hernansartorio.com/jquery-nice-select/
いろいろと読み込んで
<!-- nice-select css -->
<link rel="stylesheet" href="assets/js/jquery-nice-select-1.1.0/css/nice-select.css">
<!-- jQuery js -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- nice-select js -->
<script src="assets/js/jquery-nice-select-1.1.0/js/jquery.nice-select.js"></script>
jsから読み込めば
$(document).ready(function () {
$('select').niceSelect();
});
いい感じになってくれる。