placeholder字体颜色修改和 jquery 下拉框选择应用

最新推荐文章于 2024-07-02 16:57:53 发布

原创最新推荐文章于 2024-07-02 16:57:53 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #color

web 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何使用CSS技巧修改placeholder文字颜色，并展示了如何利用jQuery为下拉菜单添加动态选择功能，实现更友好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    placeholder字体颜色修改和 jquery 下拉框选择应用

1.placeholder 颜色修改

#basicName::-webkit-input-placeholder {
color: red;
}
#basicName:-moz-placeholder {
color: red;
}
#basicName:-ms-input-placeholder {
color: red;
}

2.jquery 下拉框选择获取值应用

 <select id="sponsorTypeId" name="sponsorType" style="width: 150px;" >
                        <option value="">全部</option>
                        <option value="0" #if(${seachitem} && ${seachitem.sponsorType}==0)
                                selected="true"
                        #end>企业</option>
                        <option value="1" #if(${seachitem} && ${seachitem.sponsorType}==1)
                                selected="true"
                        #end>个人</option>
                    </select>

$(‘#sponsorType’).change( function(){ //获得被选中的值 var val=$ (this).children(‘option:selected’).val();
//执行具体的逻辑
choseCompanySelect(val);
}
);