placeholder兼容

Daisukes

于 2016-09-29 17:03:37 发布

阅读量280

点赞数 1

分类专栏： web 兼容问题 CSS

本文链接：https://blog.youkuaiyun.com/Daisukes/article/details/52703451

版权

21 篇文章

订阅专栏

15 篇文章

订阅专栏

8 篇文章

订阅专栏

Chrome浏览器(webkit)

::-webkit-input-placeholder {
  color: #999;
}

注：webkit下在文本框获取焦点后不显示placeholder，以便使其与其他浏览器表现一致

:focus::-webkit-input-placeholder {
  color: transparent !important;
}

Firefox浏览器

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
  color: #999;
}
/* Mozilla Firefox 19+ */
::-moz-placeholder {
  color: #999;
}

IE浏览器

/* Internet Explorer 10+ */
:-ms-input-placeholder {
  color: #999;
}