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:
assign class link, use class disable normal link underline.
assign class text inside link use underline text when class (1) hovered over.
hopefully makes sense?
Comments
Post a Comment