ant-picker-input如何修改鼠标移入样式
时间: 2024-09-29 22:16:23 浏览: 115
react-ant-range-picker:React蚂蚁范围选择器
Ant Design Pro 中的 `ant-picker-input` 组件默认有一个鼠标悬停时的样式。如果你想自定义这个样式,你可以通过 CSS 直接针对选择器 `.ant-picker-input .ant-picker-input-focused` 或者 `.ant-picker-input:hover` 进行修改。例如,如果你想改变输入框背景颜色,可以添加以下样式:
```css
.ant-picker-input-focused {
background-color: /* 新的颜色值 */;
}
.ant-picker-input:hover {
background-color: /* 另一个新颜色值 */;
}
```
如果你使用的是 Ant Design 的原生组件而不是 Ant Design Pro 版本,可以直接在你的 CSS 文件中编写对应的选择器:
```css
.ant-picker-input .ant-picker-input-focused {
/* 自定义样例 */
background-color: #custom-color;
}
.ant-picker-input:hover {
/* 自定义样例 */
background-color: #hover-color;
}
```
别忘了将 `/* 新的颜色值 */` 和 `#custom-color` 替换为你想要的实际颜色。
阅读全文