如何覆盖伪元素的CSS设置?

我知道,之前已经问过,但我发现没有干净的方式覆盖这个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行?

谢谢!

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

如果你只想从页面中删除伪元素,你可以做的content: none

这里content: ""; 根本不起作用,如果你想删除伪,你必须使用的content:none; 它会删除以前添加的伪内容。

如果没有帮助,你也可以尝试:

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

这里是工作jsfiddle

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