【发布时间】:2021-10-12 03:02:00
【问题描述】:
我想更改清除输入图标的样式,但无法更改。
<a-input placeholder="Basic usage" allowClear />
在我的css中,我使用类名ant-input-suffix并写
.ant-input-suffix{
background-color: #ffa;
}
类名ant-input-clear-icon 也不起作用。
我能做些什么来改变它?
【问题讨论】:
我想更改清除输入图标的样式,但无法更改。
<a-input placeholder="Basic usage" allowClear />
在我的css中,我使用类名ant-input-suffix并写
.ant-input-suffix{
background-color: #ffa;
}
类名ant-input-clear-icon 也不起作用。
我能做些什么来改变它?
【问题讨论】:
您遇到的问题可能是特异性 (what is specificity in css) 问题。
要解决您的问题(如果是特异性),您可以这样做:
span.ant-input-suffix {
background-color: #ffa;
}
为了更好地定位您的元素,我们需要在给出具体答案之前查看更多 HTML
【讨论】:
f12 并检查元素时,我什至找不到我为.ant-input-suffix 编写的样式。我相信如果因为特殊性而被覆盖,我仍然可以在f12 elements 中看到它?如果您想看一下,这是我的代码示例。 codesandbox.io/s/empty-cherry-g34v9?file=/src/App.vue