css - 如何更改组件背景颜色

Question

我想强调改变背景颜色的元素。特别是我有一个包含 sap.uxap.ObjectPageHeader 的页面和一个包含 sap.m.ObjectListItem 的列表。

我想用 @sapUiWarningBG 颜色 ( https://openui5.hana.ondemand.com/explored.html#/sample/sap.ui.core.sample.BasicThemeParameters/preview ) 更改标题背景和列表项背景

例如，如果我尝试通过 class 属性设置页眉背景，它不起作用..

<ux:ObjectPageHeader
    class="sapUiWarningBG"
    objectImageURI="sap-icon://database">

如何获取结果？

Answer 1

您尝试使用主题参数 @sapUiWarningBG 作为样式类。这是行不通的!您可以将主题参数视为用于定义重复值的变量，例如背景颜色。这些变量可以在您的 CSS 类中使用。最终的 CSS 由 CSS 预处理器创建，LESS在这种情况下。请查看 documentation如何添加自定义 CSS。

但是，我强烈建议使用现有功能来可视化警告，例如通过使用状态为“警告”的对象状态。您可以在 documentation 中找到大量示例.