Question

我知道之前有人问过，但我发现没有一种干净的方法来覆盖这个CSS：

.ui-input-search:after {
    content: "";
    height: 18px;
    left: 0.3125em;
    margin-top: -9px;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    width: 18px;
}

我需要在元素上留下ui-input-search，但可以添加我自己的类，例如：

.ui-input-search-no-pseudo:after {
   content: "";
}

问题：
有没有一种简单的方法可以删除“伪css”而不必逐行覆盖CSS？

谢谢！

Answer 1

据我所知，除了覆盖所有属性之外别无他法。样式在元素上定义，它们不会因为另一个以元素为目标的选择器而消失。

如果您只想从页面中删除伪元素，可以执行content: none。

Answer 2

如果你想删除那个必须使用content: "";的伪，那么content:none;根本不起作用，它将删除以前添加的伪内容。

如果这没有帮助，您也可以尝试：

display:none; 
//or 
display:none !important;

这是工作jsfiddle

https://jsfiddle.net/ganeshswami99/52duu0x8/1/

如何覆盖伪元素上的CSS集？

2 个答案: