select修改某个选项的字体颜色不生效的问题

最新推荐文章于 2024-01-10 15:41:16 发布

星光兔

最新推荐文章于 2024-01-10 15:41:16 发布

阅读量1.5k

点赞数

分类专栏： js 文章标签： jquery js

本文链接：https://blog.csdn.net/xingguangtu/article/details/111576004

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

今天希望设置select下拉框第一个选项为灰色，其他选项为黑色时，在option标签中设置style却不生效，最后利用jquery的change方法实现该需求：

    var unSelected = "#666666";
    var selected = "#000000";
        $("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);
            }
        });