如何通过styleClas而不是样式设置xPage页面样式

Question

我想设置整个页面背景颜色，这个例子工作正常：

<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
    style="background-color:#f1f1f1;">
</xp:view>

但是当我尝试通过styleClass设置它时它不会：

<xp:view xmlns:xp="http://www.ibm.com/xsp/core" 
    styleClass="myPage">
    <xp:this.resources>
        <xp:styleSheet href="/myStyle.css"></xp:styleSheet>
    </xp:this.resources>
</xp:view>

//myStyle.css
.myPage{
    background-color:#f1f1f1;
}

在Notes Designer中，您可以看到background-color确实适用于页面，但它在浏览器中不起作用

Answer 1

你的小榜样对我有用。浏览器中的背景为灰色。

查看浏览器的开发人员工具控制台。也许你会明白那里的问题是什么。

如果你使用 bootstrap 主题，那么background-color会被bootstrap覆盖。

添加

{{1}}

在这种情况下，

到你的文件myStyle.css。

Answer 2

您正在引用名为myStyle.css的专用样式表。因此，您需要在Resources - Style Sheets中创建一个名为myStyle.css的样式表，并将CSS添加到此文件中。

现在您正在使用内联样式表，因此您对myStyle.css的引用无效（当然，除非该文件存在）。