select默认选项中颜色为灰色，选择后变黑色

最新推荐文章于 2024-08-19 21:44:19 发布

M_SSY

最新推荐文章于 2024-08-19 21:44:19 发布

阅读量7.7k

点赞数

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

本文链接：https://blog.csdn.net/M_SSY/article/details/83787119

版权

js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

一般select下拉框有一个默认的值'请选择',当时请选择的时候是灰色,选择了其他内容的时候变为黑色

    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);
            }
        });
    }