placeholder占位符改变字体颜色

今天练习项目的时候,碰到了input的placeholder,我需要给它的字体改一下颜色,于是我就直接给了input一个color,但是发现字体颜色并没有改变,这就让我很摸不着头脑。所以,我就去了百度,虽然知识是从百度来的,但我想把它整理记下来,方便以后自己看。

改变颜色有两种方法,一个是在css里改,一个是用JS改。今天先说在css里怎么改。

css里用伪类,根据浏览器的不同可以分为:

:-moz-placeholder{

color:red;

}

::-moz-placeholder{

color:red;

}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{

color:red;

}

input:-webkit-input-placeholder,textarea:-webkit-input-placeholder{

color:red;

}

需要注意的是,第一个火狐的浏览器是4-18版本适用的,第二个是19版本以上适用的。

明天接着发怎么使用js改变placeholder的颜色!

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

推荐阅读更多精彩内容

  • 默默推广了几天 用户量终于上了1000.然后就有资格开通流量主给小程序植入广告赚钱了,这是第一天的收益情况: 只是...
    就是爱分享阅读 3,322评论 3 0
  • 第一章 F12: element.style 内联样式(可以直接在上面写代码进行简单调试) user agent...
    fastwe阅读 1,560评论 0 0
  • toscho:有三种实现方式:伪元素(pseudo-elements)、伪类( pseudo-classes)和N...
    站着瞌睡阅读 575评论 0 0
  • 本文首发于知乎《请问从事公益领域,继续使用奢侈品是否合适?》作者 陈一拾 题主,是时候给你的朋友们科普下公益行业了...
    Chen10阅读 532评论 0 0
  • 如果用开车来做比喻。 你准备开车去5公里外的地方办事。 天气,路况,路上很多新手开车,你的注意力。。。 太多因素可...
    房铁冰阅读 536评论 3 0