鼠标悬停时，primefaces CommandLink 下划线不起作用

【问题标题】：primefaces CommandLink underline is not working when mouseover鼠标悬停时，primefaces CommandLink 下划线不起作用
【发布时间】：2012-10-22 10:25:29
【问题描述】：

<p:commandLink id="ajax" style="margin-right:20px;">  
            <h:outputText value="Ajax Submit" />  
        </p:commandLink>

鼠标悬停时我想要下划线。

【问题讨论】：

检查你的 css 文件是否有 a:hover。可以通过文本装饰获得下划线：下划线；
您的问题不清楚且不完整。默认情况下已经加下划线。您不是说要删除下划线并让它仅在鼠标悬停时出现吗？

标签： jsf primefaces

【解决方案1】：

使用 CSS 样式。

例子：

<p:commandLink id="mycommandLinkID" .../>

CSS 样式

a.mycommandLinkID:hover {
    text-decoration:underline;
}

【讨论】：

此示例在复制粘贴到实际代码时不起作用。选择器是错误的，即使它被修复为有效的ID选择器，那么必须解释清楚，所有命名容器ID都必须考虑在内，否则仍然会失败。不要发布半生不熟/未经测试的代码。如果您无法从头顶发布有效答案，请先在真正的 web 应用程序中自己进行试验。好处是你会真正通过这种方式学到一些东西。