How do I override CSS set on a pseudo element?

Question

I know that has been asked before, but I find no clean way of overriding this CSS:

.ui-input-search:after {
    content:          


        

Answer 1

As far as I can tell there is no other way than to override all properties. The styles are defined on the element, they won't just disappear because of another selector that targets the element.

If you only want to remove the pseudo element from the page you can do content: none.

Added from comments below:

The difference between content: "" and content: none is that content: "" produces a pseudo-element with no content (i.e. an empty pseudo-element), whereas content: none prevents the pseudo-element from being generated at all.