微客导航 » 文章资讯 » 通过js修改input、select默认字体颜色

通过js修改input、select默认字体颜色

2024-02-25 10:10:05 400

textarea默认字颜色以及获取焦点后的字的颜色，焦点获取后使默认消失

输入您要输入的内容

select默认选中项颜色为灰色，选择后变为黑色（js实现）

input有默认值，且为灰色，点击后默认值消失，输入值变为黑色



$(function(){
//集体调用类型为text的input
$(".forminput[text]").each(function(){
$(this).setDefauleValue();
});
//单个调用
$("#key").setDefauleValue();
})

//设置默认值
$.fn.setDefauleValue=function(){
vardefauleValue=$(this).val();
$(this).val(defauleValue).css("color","#eee");

returnthis.each(function(){
$(this).focus(function(){
if($(this).val()==defauleValue){
$(this).val("").css("color","#000");//输入值的颜色
}
}).blur(function(){
if($(this).val()==""){
$(this).val(defauleValue).css("color","#999");//默认值的颜色
}
});
});
}

返回顶部
3162201930
czq8825@qq.com

通过js修改input、select默认字体颜色

热门推荐

随机推荐