title: Why is link underline appearing after clicking the link?
body: <p>I have an anchor tag styled with 
  <code>text-decoration: none</code>.</p>
  
  <p>This has removed the underline from my links, which is what I want.</p>
  
  <p>However after the link is clicked, little bits of the link underline appear under the spaces between the icons in the link.</p>
  
  <p>I have something like this</p>
  
  <pre><code>&lt;a ng-click="toggle(this)" style="text-decoration: none"&gt;
    &lt;i class="fa fa-caret-down"  ng-if="!collapsed"&gt;&lt;/i&gt;
    &lt;i class="fa fa-folder-open-o" ng-if="!collapsed"&gt;&lt;/i&gt;
    &lt;i class="fa fa-caret-right"  ng-if="collapsed"&gt;&lt;/i&gt;
    &lt;i class="fa fa-folder-o" ng-if="collapsed"&gt;&lt;/i&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>(Using font awesome icons)</p>
  
  <p>The underline is appearing just under the blank space between the icons.</p>
  
  <p>Is there any way to get rid of that link underline for once and for always?!</p>