image - Bootstrap glyphicon link not underlined -


i have following code: how can hide underlined glyphicon?

<p:commandlink ajax="false" action="#{languagegenerallistcontroller.doeditlanguagegeneral(languagegeneral)}">     <span class="glyphicon glyphicon-pencil" title="editieren"></span> </p:commandlink> 

here css:

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; } 

i tried last a:hover img doesn't work. me, please.

try this

a:hover .glyphicon {     text-decoration: none; } 

as adroidman pointed out css targeting image.

edit

have @ example , see if helps: http://jsfiddle.net/xae8n/

for link glyphicon in need these 2 things:

  1. assign class link, use class disable normal link underline.

  2. assign class text inside link use underline text when class (1) hovered over.

hopefully makes sense?


Comments

Popular posts from this blog

Why can rails not find a route created by a helper? -

javascript - jquery or ashx not working -

php - Redirect and hide target URL -