antd placeholeder样式修改

马娟

于 2020-10-30 16:46:25 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： antd css样式

本文链接：https://blog.youkuaiyun.com/weixin_41077029/article/details/109388537

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`的选择器应用，确保在各种浏览器环境下的一致性显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

::-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;
}