(XPages)如何更改横幅颜色?

(XPages)如何更改横幅颜色?,xpages,background-color,banner,Xpages,Background Color,Banner,我有一个XPages,如下所示: 如何更改横幅颜色 2020/10/19更新 以下是主要设计代码,我可以在哪里更改横幅颜色 这里只有“反相器DNAVBAR” 我假设它可以通过XPage的css或主题定义进行修改。 如果您在浏览器中使用开发者控制台检查元素(F12在大多数浏览器中打开),您应该发现哪个类与元素关联,并且应该进行修改。在许多情况下,您可以将自己的CSS类名添加到元素中。然后在设计中创建样式表并定义类。当我在浏览器中使用开发人员控制台检查元素时,浏览器中的代码与XPage中的代码不

我有一个XPages,如下所示:

如何更改横幅颜色


2020/10/19更新

以下是主要设计代码,我可以在哪里更改横幅颜色

这里只有“反相器DNAVBAR”


我假设它可以通过XPage的css或主题定义进行修改。
如果您在浏览器中使用开发者控制台检查元素(F12在大多数浏览器中打开),您应该发现哪个类与元素关联,并且应该进行修改。

在许多情况下,您可以将自己的CSS类名添加到元素中。然后在设计中创建样式表并定义类。

当我在浏览器中使用开发人员控制台检查元素时,浏览器中的代码与XPage中的代码不同。因此,我不知道应该在哪里修改。如果您可以通过开发人员控制台确定生成的头的样式类,您可以在css文件中搜索该样式类。开发人员控制台中的“元素”选项卡还将显示样式定义来自哪个文件。
<xe:applicationLayout id="applicationLayout1">
        <xp:callback facetName="facet_1" id="callback1"></xp:callback>
        <xp:this.facets>
            <xe:navigator id="navigator1" xp:key="LeftColumn"></xe:navigator>
        </xp:this.facets>
        <xe:this.configuration>
            <xe:bootstrapResponsiveConfiguration productLogoAlt="XPAGES" 
            titleBar="false" placeBar="false" footer="false" legal="false" invertedNavbar="true">
                <xe:this.bannerApplicationLinks>
                    <xe:basicLeafNode label="HOME"></xe:basicLeafNode>
                    <xe:basicLeafNode label="INFO"></xe:basicLeafNode>
                    <xe:basicLeafNode label="PRODUCT"></xe:basicLeafNode>
                </xe:this.bannerApplicationLinks>
            </xe:bootstrapResponsiveConfiguration>
        </xe:this.configuration>
    </xe:applicationLayout>