title: How to make focus or border after click disappear in PrimeNG
body: <p>I have another issue with PrimeNg. I need to turn of a border after click on button. I have tried a lot of ways:</p>
  
  <pre><code>host: {
      ::ng-deep .ui-button-icon-only{
          border: none!important;
          background-color: transparent!important;
          outline: none!important;
      }
  }
  </code></pre>
  
  <p>It's not working, even if I add <code>:focus</code>, same to <code>.ng-star-inserted</code> and <code>ng-star-inserted:focus</code></p>
  
  <pre><code>*:focus {
      outline: none!important;
      border: 0!important;
  }
  </code></pre>
  
  <p>That snippet is not working either, creating a new scss clss named nofocus and added to button give us zero effect. And there I have: </p>
  
  <p><img src="https://i.stack.imgur.com/lkCxu.png" alt="photo"></p>
  
  <p>I'm talking about that border around after click.</p>