tastySelect是一款纯js超酷select下拉框美化插件。tastySelect下拉框插件支持多选，内置两种主题，使用css3动画过渡效果，整体设计时尚大方。  

tastySelect的使用

1、引入

<link href="css/tastySelect.css" rel="stylesheet" type="text/css">
<script src="js/tastySelect.min.js"></script>

2、html

<select name="" id="tastySelect" multiple>
  <optgroup label="JavaScript">
    <option value="jquery">jQuery</option>
    <option value="react">ReactJS</option>
    <option value="angular">AngularJS</option>
  </optgroup>
  <optgroup label="HTML">
    <option value="HTML5">HTML 5</option>
    <option value="XML">XML</option>
    <option value="XHTML">XHTML</option>
  </optgroup>
  <option value="css">CSS/SCSS/LESS</option>
  <option value="more">More Options Here</option>
</select>

3、初始化

tastySelect({
  defaultText: "通过 (Ctrl+Click)组合键可以选择多个选项",
});

链接: https://www.fly63.com/nav/289