DatePicker日期组件的样式怎么覆盖不生效?

UE丶晓芳 阅读 5

我在用 Ant Design 的 DatePicker,想改一下下拉面板的宽度,但加了 CSS 样式死活不生效,是不是被组件内部样式优先级搞死了?

我试过直接写类名覆盖,也试过加 !important,都没用。控制台里看元素确实是那个类,但就是没变化。

.ant-picker-panel {
  width: 400px !important;
}
我来解答 赞 3 收藏
二维码
手机扫码查看
1 条解答
博主辽源
AntD的样式是全局作用域的,用全局样式文件覆盖才有效。改成这样:

.ant-picker-dropdown .ant-picker-panel {
width: 400px;
}


要么就在你项目里用CSS-in-JS写个全局样式覆盖,别在组件作用域里折腾。
点赞
2026-03-05 13:00