引导程序图示符链接没有下划线

Question

我有以下代码：但是如何隐藏带下划线的字形图标？

<p:commandLink ajax="false" action="#{languageGeneralListController.doEditLanguageGeneral(languageGeneral)}">
    <span class="glyphicon glyphicon-pencil" title="Editieren"></span>
</p:commandLink>

这里是我的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;
}

我尝试了最后一个：悬停img，但它不起作用。有人能帮我吗。

Answer 1

试试这个

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

正如aDroidman所指出的，你的css是针对一个图像的。

编辑

看看这个例子，看看它是否有帮助：http://jsfiddle.net/xae8n/

对于一个有字形图标的链接，你需要以下两件事：

1. 为链接分配一个类，然后使用该类禁用普通链接下划线。

2. 为链接内的文本分配一个类，当（1）中的类悬停在链接上时，该类用于给文本加下划线。

希望这有道理？