如何修改input输入框placeholder文字颜色

css 专栏收录该内容
10 篇文章 0 订阅

开发过程中在使用input、textarea标签placeholder作为提示性文字时,往往文字颜色达不到我们的预期效果,因此需要对placeholder属性提示文字默认颜色进行修改,修改的过程也很简单添加样式即可。

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

  input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #dadada;
  }

  input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #dadada;
  }

  input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #dadada;
  }

浏览器对于样式的解析存在差异性,添加对应浏览器代号的前缀即可解决。

 

  • 0
    点赞
  • 0
    评论
  • 3
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页

打赏

_cris

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值