使用JavaScript怎么修改input和select的默认字体颜色

使用JavaScript怎么修改input和select的默认字体颜色?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册雅安服务器托管、营销软件、网站建设、芒康网站维护、网站推广。

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

输入您要输入的内容

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

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



$(function() {
  //集体调用类型为text的input
  $(".form input[text]").each(function(){
    $(this).setDefauleValue();
  });
  //单个调用
  $("#key").setDefauleValue();
})
 
//设置默认值
$.fn.setDefauleValue = function() {
  var defauleValue = $(this).val();
  $(this).val(defauleValue).css("color","#eee");
 
  return this.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");//默认值的颜色
      }
    });
  });
}


 


 
 
 


关于使用JavaScript怎么修改input和select的默认字体颜色问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


当前标题:使用JavaScript怎么修改input和select的默认字体颜色
网址分享:http://bzwzjz.com/article/pcheid.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都商城网站建设 移动网站建设 成都网站建设公司 营销型网站建设 网站建设 企业网站制作 成都营销网站建设 成都网站制作 营销型网站建设 成都网站设计 成都网站制作 专业网站设计 宜宾网站设计 重庆网站建设 企业网站设计 定制网站建设 网站建设费用 成都网站建设公司 成都网站制作 重庆网站设计 成都企业网站建设 成都网站建设公司