css - 伪元素background - 伪元素定位



如何覆盖伪元素上的CSS集? (2)

我知道以前曾经问过,但我发现没有干净的方法来覆盖这个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?

谢谢!

https://src-bin.com


Answer #1

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

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


Answer #2

这里content: ""; 如果你想删除那个伪,你必须使用content:none; 它将删除以前添加的伪内容。

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

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

这是工作jsfiddle

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





pseudo-element