0

我正在尝试更改活动菜单边框底部颜色，即当菜单处于活动状态时底部颜色应更改。

这是我的 JSF 代码：

<h:head>    
    <link rel="stylesheet" type="text/css"  href="#{request.contextPath}/resources/css/cir.css" />
</h:head>
<h:body>
    <h:form prependId="false">
        <div id="styleHead">
            <h:commandLink value="Home" action="disclaimer.xhtml" />
            <h:commandLink value="About" action="aboutCir.xhtml" />
            <h:commandLink value="Legal" action="legal.xhtml" />
        </div>
    </h:form>
</h:body>

下面是我的CSS：

#styleHead a {
    border-bottom-color:#497693;
}
#styleHead a:hover {
    border-bottom-color:#F7A824 ;
}
#styleHead a:active {
    border-bottom-color:red ;
}

a:active页面重定向到其他页面后，CSS消失。我曾尝试使用 JavaScript 来应用 CSS，但这会使它在页面重新加载后消失。

我尝试<f:param>与 commandlink 一起使用，但这也是徒劳的。

有没有办法通过 jsf 或通过托管 bean 将活动 css 应用于活动链接？

4

0 回答 0