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

javascript - jquery or ashx not working -

opencv - DataType<cv::detail::deriv_type>::depth what is it used for -

python 3.x - Mapping specific letters onto a list of words -