antd placeholeder样式修改

最新推荐文章于 2025-10-14 16:56:11 发布

原创最新推荐文章于 2025-10-14 16:56:11 发布 · 1.5k 阅读

3 ·

CC 4.0 BY-SA版权

antd 同时被 2 个专栏收录

16 篇文章

订阅专栏

css样式

13 篇文章

订阅专栏

这篇博客主要讨论了如何使用CSS为不同浏览器的输入框占位符设置统一的淡灰色文字颜色，包括`::webkit-input-placeholder`、`::moz-placeholder`、`:-moz-placeholder`、`.ant-select-search__field__placeholder`以及`input:-ms-input-placeholder`和`textarea:-ms-input-placeholder`的选择器应用，确保在各种浏览器环境下的一致性显示。

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25)!important;
}
::-moz-placeholder { /* Firefox 19+ */  
  color: rgba(0, 0, 0, 0.25)!important;
}
:-moz-placeholder {   /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.25)!important;
}
.ant-select-search__field__placeholder{
  color: rgba(0, 0, 0, 0.25)!important;
}
input:-ms-input-placeholder { /* IE 10+ */ 
  color: rgba(0, 0, 0, 0.25)!important;
}
textarea:-ms-input-placeholder { /* IE 10+ */ 
  color: rgba(0, 0, 0, 0.25)!important;
}