请在此处输入关键词、文章标题或者部分正文内容即可快速搜索文章:
您当前的位置: 华商新闻网 > 科技 > 正文
华商新闻网-移动版 首页

HTML5通过CSS怎么修改input的placeholder字体颜色?

时间:2019-05-04 10:31  阅读:1
分享到:
因不同的浏览器兼容不同,因此需要根本不同的浏览器做兼容处理。注:有一点特别重要,当你设置input输入后的字体颜色时,不要加上后代选择器,否则在ie里,placehoder的颜色就不显示了(痛的教训!)

具体代码如下:

/placehodel/

input:-ms-input-placeholder {

#999 !important;

}

/* Internet Explorer 10+ */

input::-webkit-input-placeholder {

#999 !important;

}

/* WebKit browsers */

input::-moz-placeholder {

#999 !important;

}

/* Mozilla Firefox 4 to 18 */

input:-moz-placeholder {

#999 !important;

}

/* Mozilla Firefox 19+ */

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

#999 !important;

}

input:-moz-placeholder,

textarea:-moz-placeholder {

#999;
 !important;

}

来源: 科创新闻网 责任编辑:TF002C
免责声明:
  • 注明“来源:华商新闻网”的所有作品,版权均属于华商新闻网,未经本网授权不得转载、摘编或利用其它方式使用上述作品;经本网授权使用作品的,应在授权范围内使用,并注明"来源:华商新闻网";违反上述声明者,本网将追究其相关法律责任。
  • 华商新闻网转载文章是为了传播信息,不代表本网观点。如因作品内容、版权和其它问题需同本网联系的,请在相关作品刊发之日起30日内发送至电子邮箱:

HTML5通过CSS怎么修改input的placeholder字体颜色?

因不同的浏览器兼容不同,因此需要根本不同的浏览器做兼容处理。注:有一点特别重要,当你设置input输入后的字体颜色时,不要加上后代选择器,否则在ie里,placehoder的颜色就不显示了(痛的教训!)

具体代码如下:

/placehodel/

input:-ms-input-placeholder {

#999 !important;

}

/* Internet Explorer 10+ */

input::-webkit-input-placeholder {

#999 !important;

}

/* WebKit browsers */

input::-moz-placeholder {

#999 !important;

}

/* Mozilla Firefox 4 to 18 */

input:-moz-placeholder {

#999 !important;

}

/* Mozilla Firefox 19+ */

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

#999 !important;

}

input:-moz-placeholder,

textarea:-moz-placeholder {

#999;
 !important;

}

关键词:placeholder字体颜色怎么改 责任编辑:TF002C
免责声明:
  • 注明“来源:华商新闻网”的所有作品,版权均属于华商新闻网,未经本网授权不得转载、摘编或利用其它方式使用上述作品;经本网授权使用作品的,应在授权范围内使用,并注明"来源:华商新闻网";违反上述声明者,本网将追究其相关法律责任。
  • 华商新闻网转载文章是为了传播信息,不代表本网观点。如因作品内容、版权和其它问题需同本网联系的,请在相关作品刊发之日起30日内发送至电子邮箱:

相关阅读