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

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/