How to remove all before, after pseudo-elements from the page on button click?

Question

css

How to remove all before, after pseudo-elements from the page on button click?

Answer 1

Add a .no-pseudo class to the body with the following rule:

.no-pseudo:before,
.no-pseudo:after,
.no-pseudo *:before,
.no-pseudo *:after {
   content: none !important;
   display: none !important;
}

JS can’t work with pseudo-elements directly and fully, because these are not DOM elements, so that’s the only way.