码迷,mamicode.com
首页 > Web开发 > 详细

select默认选中项颜色为灰色,选择后变为黑色(js实现)

时间:2017-07-11 12:48:27      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:function   选中   灰色   this   item   style   默认   ted   span   

<script>
    var unSelected = "#999";
    var selected = "#333";
    $(function () {
        $("select").css("color", unSelected);
        $("option").css("color", selected);
        $("select").change(function () {
            var selItem = $(this).val();
            if (selItem == $(this).find(option:first).val()) {
                $(this).css("color", unSelected);
            } else {
                $(this).css("color", selected);
            }
        });
    })

</script>   

 

select默认选中项颜色为灰色,选择后变为黑色(js实现)

标签:function   选中   灰色   this   item   style   默认   ted   span   

原文地址:http://www.cnblogs.com/zywaf/p/7149929.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!