select选择框美化,select样式修改

所属分类:表单类

 746次|    7次   点击收藏(2)

select选择框美化,select样式修改

通常select选择美化起来稍微费劲一些,今天介绍一个插件,效果还不错,大家可以看一下!

用起来也比较简单,简单写一下:


           <section>
                <select class="cs-select cs-skin-border">
                    <option value="" disabled selected>Preferred contact method</option>
                    <option value="email">E-Mail</option>
                    <option value="twitter">Twitter</option>
                    <option value="linkedin">LinkedIn</option>
                </select>
            </section>
        <script src="js/classie.js"></script>
        <script src="js/selectFx.js"></script>
        <script>
            (function () {
                [].slice.call(document.querySelectorAll('select.cs-select')).forEach(function (el) {
                    new SelectFx(el);
                });
            })();
        </script>

  • zzc9212782016-10-25 14:56:37

1 条评论
不想登录?直接点击发布即可作为游客留言。
关于前端资源库

前端资源库是haorooms博主平时积累的前端资源,大部分来源于互联网。但经过博主调试和加工,集聚了博主的心血。

因此,资源库所有资源,仅供学习和参考,切勿下载下来用于商业用途或者转卖。转载请注明来自haorooms博客资源库!

联系方式
关键词搜索