title: Bootstrap glyphicon link not underlined
body: <p>I have the following code: But how can I hide the underlined glyphicon?</p>
  
  <pre><code>&lt;p:commandLink ajax="false" action="#{languageGeneralListController.doEditLanguageGeneral(languageGeneral)}"&gt;
      &lt;span class="glyphicon glyphicon-pencil" title="Editieren"&gt;&lt;/span&gt;
  &lt;/p:commandLink&gt;
  </code></pre>
  
  <p>Here my CSS:</p>
  
  <pre><code>a:link {
      color: #1BA1E2;
      text-decoration: none;
  }
  
  a:visited {
      color: #1BA1E2;
      text-decoration: none;
  }
  
  a:hover {
      color: #1BA1E2;
      border: 0px;
      text-decoration: underline;
  }
  
  a:active {
      color: #1BA1E2;
      border: 0px;
      text-decoration: underline;
  }
  
  a:hover img {
     text-decoration: none;
  }
  </code></pre>
  
  <p>I tried with the last a:hover img but it doesn't work.
  Could anybody help me, please.</p>