title: How do I override CSS set on a pseudo element?
body: <p>I know that has been asked before, but I find no clean way of overriding this CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>.ui-input-search:after {
      content: "";
      height: 18px;
      left: 0.3125em;
      margin-top: -9px;
      opacity: 0.5;
      position: absolute;
      top: 50%;
      width: 18px;
  }
  </code></pre>
  
  <p>I need to leave <code>ui-input-search</code> on the element, but can add my own class, like:</p>
  
  <pre class="lang-css prettyprint-override"><code>.ui-input-search-no-pseudo:after {
     content: "";
  }
  </code></pre>
  
  <p><strong>Question</strong>:<br>
  Is there an easy way to remove "pseudo-css" without having to overwrite the CSS line by line?</p>
  
  <p>Thanks!</p>