CSS细节-改变input的placeholder属性样式

<style>

  /**兼容谷歌写法**/
  input::-webkit-input-placeholder{
    color:red;
  }

  /**兼容火狐写法**/
  input::-moz-placeholder{
    color: red;
  }

  /**兼容IE写法**/
  input:-ms-input-placeholder{
    color:red;
  }

</style>
<input type="text" placeholder="请输入文字"/>

注意事项:
1、只有火狐的写法不带input;
2、火狐在高版本中是使用伪类的标符,即是input::-moz-,是使用::,而不是:
3、IE只是兼容到IE10及以上版本;
4、除了可以修改颜色以为还可以修改背景颜色,字体大小等,就相当于一个特殊的伪元素。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,741评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • toscho:有三种实现方式:伪元素(pseudo-elements)、伪类( pseudo-classes)和N...
    站着瞌睡阅读 574评论 0 0
  • 五更巨鹿,征兵铜锣一敲,拿着族谱或者刺帖的兵户早在城门外就排起长队。韩均坐在城门楼上看着下面的队伍,有豪门子弟前来...
    惘然生烟阅读 386评论 0 2