Xpages 为所选树节点设置styleClass

我不时会遇到以下问题，这可能很容易解决。但也许我就是不明白

在XPagetreeNode中，例如在

xe:applicationLayout

的

xe:navigator

中使用（pageTreeNode、placeBarActions等），我想知道如何影响styleClass属性，以便影响“所选颜色”

---

如果将样式表添加到应用程序中并指定要为该类应用的样式，则由于该样式表位于应用程序级别而不是服务器级别，因此CSS的标准规则（层叠样式表，因此样式层叠并得到扩展/覆盖）将适用，且应用程序级别将优先。只需记住将应用程序样式表作为资源添加到主题资源/布局自定义控件/XPage中即可。XPage最不可取，因为它需要在多个位置添加

最简单的方法是使用Firebug或其他检查工具，选择元素，找到设置当前主题的CSS，将其复制并粘贴到应用程序的样式表中，并相应地覆盖设置

下面是一个元素略有不同的示例：

我的CSS是：

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
background-color:red;

---

}

您使用的主题是什么？它会影响渲染输出，所以最好包含渲染html的示例。哇，Paul，非常感谢。在玩了一段时间后，这确实帮了我的忙，并且做了我想做的事情！请将答案标记为正确，以便其他人更容易识别。它还提高了人们提出答案的意愿。

<div class="col-sm-12 col-md-12 applayout-titlebar-tabsarea" role="navigation">
<ul id="view:_id1:_id2:appLayout_tb" class="nav nav-tabs applayout-titlebar-tabs" role="tablist">
    <li class="menu-item active">
        <a role="tab" href="/LAP/MYDB.nsf/xpAdminAcc1.xsp" class="bg-info active">Label Acc1</a>
    </li>
    <li class="menu-item">
        <a role="tab">Label Acc2</a>
    </li>
    <li class="menu-item">
        <a role="tab" href="/LAP/MYDB.nsf/xpAdminAcc2.xsp" class="bg-info">Label Acc2</a>
    </li>
<!-- -->

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
background-color:red;