我想更改Ant设计库的Select组件的边框颜色
import { Select } from "antd";
<Select
mode="tags"
style={{
minWidth: 200,
maxWidth: 500,
margin: "1rem",
}}
placeholder="Catégories"
onChange={handleChange}
options={options}
/>
我尝试添加borderColor:样式属性中的“#ff7640”
import { Select } from "antd";
<Select
mode="tags"
style={{
minWidth: 200,
maxWidth: 500,
margin: "1rem",
borderColor: "#ff7640"
}}
placeholder="Catégories"
onChange={handleChange}
options={options}
/>
但它不起作用。边框颜色似乎是由类.ant-select-selector的子div管理的,但即使通过添加,我也尝试添加
.ant-select-selector:hover {
border-color: "#ff7640"
}
在css文件中,它仍然不工作...
1条答案
按热度按时间zlwx9yxi1#
您必须将
border-width
和border-style
相加,然后将className
相加,如下所示:如果仍然没有效果,请将
!important
添加到您的:hover
边框颜色代码