【问题标题】:Vue Antd Can't change ant-input-suffix styleVue Antd 无法更改 ant-input-suffix 样式
【发布时间】: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 也不起作用。

我能做些什么来改变它?

【问题讨论】:

    标签: vue.js antd


    【解决方案1】:

    您遇到的问题可能是特异性 (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
    猜你喜欢
    • 2021-04-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-22
    • 2019-08-13
    • 2016-01-11
    相关资源
    最近更新 更多