ant design 的Checkbox 如何修改hover时候的颜色
时间: 2024-05-06 09:16:23 浏览: 180
wpf 修改前景颜色 双向绑定
Ant Design 的 Checkbox 组件有一个默认的 hover 样式,可以通过修改其 CSS 样式来改变 hover 时的颜色。具体做法如下:
1. 在你的样式文件中添加以下代码:
```
.ant-checkbox-wrapper:hover .ant-checkbox-inner {
border-color: #yourColor;
}
```
其中 `yourColor` 表示你想要的颜色值。
2. 如果你使用了 less 或者 sass 等预处理器,你可以覆盖 Ant Design 的默认变量来改变 hover 时的颜色。
例如,在 less 文件中,你可以这样写:
```
@primary-color: #yourColor;
// 导入 Ant Design 样式
@import '~antd/dist/antd.less';
```
其中 `yourColor` 表示你想要的颜色值,覆盖了 `@primary-color` 变量,即可改变 Checkbox hover 时的颜色。
注意:以上两种方法都需要在引入 Ant Design 样式之后进行。
阅读全文