css改变输入框（input）placeholder颜色，输入颜色样式

最新推荐文章于 2026-04-22 19:55:31 发布

原创最新推荐文章于 2026-04-22 19:55:31 发布 · 1k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

vue

当前文章被收录于：

vue

19 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

这段代码主要用于设置网页中各类输入框的 placeholder 颜色，包括在 WebKit 浏览器、Firefox 不同版本以及 Internet Explorer 10 中的样式，确保在不同浏览器下输入框的样式一致性。

input::input-placeholder{color: rgba(40, 186, 38, 1);} 
::-webkit-input-placeholder { /* WebKit browsers */ 
  color: rgba(40, 186, 38, 1) !important; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
  color: rgba(40, 186, 38, 1) !important; 
} 
::-moz-placeholder { /* Mozilla Firefox 19  */ 
  color: rgba(40, 186, 38, 1) !important; 
} 
:-ms-input-placeholder { /* Internet Explorer 10  */ 
  color: rgba(40, 186, 38, 1) !important; 
}
.el-input__inner{
  color: rgba(40, 186, 38, 1) !important; 
}

标签

#大数据