input框修改placeholder默认颜色

最新推荐文章于 2024-07-08 18:14:28 发布

weixin_42554311

最新推荐文章于 2024-07-08 18:14:28 发布

阅读量2.5w

点赞数 7

分类专栏： css

本文链接：https://blog.csdn.net/weixin_42554311/article/details/81901901

版权

css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

//修改input输入框的默认样式
input{
  background:none;
  outline:none;
  border:0px;
}

//修改placeholder的默认颜色：
input::-webkit-input-placeholder{
  color:#585c89;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#585c89;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#585c89;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#585c89;
}在vue里面不需要加这些前缀，vue有这个模块自动添加了，所以直接

input::placeholder{ color:#585c89; }即可