SAPUI5 应用程序中的自定义 CSS

Question

我有一个基于此的问题：

Design of SAP Fiori/UI5 Application

我在 manifest.json 中像这样加载我的 css：

"resources": {
    "css": [{
            "uri": "css/custom.css",
            "id" : "customcss"

    }]
},

所以我的 CSS 只会影响元素而不影响主题？还是 fiorilaunchpad 中的主题会影响忽略我的 CSS 的所有内容？

Answer 1

CSS 非常强大，如果您决定更改现有标准类中的属性（通常以“sap”开头），您几乎可以更改任何您想要的东西，包括现有的 SAP 主题。

这样看：Fiori 总是首先加载标准主题，然后根据 Fiori UX 和指南将其样式应用于现有控件。现在，您几乎可以更改 CSS 中您想要覆盖的任何内容，但请注意，如果您更改控制器的宽度/高度等尺寸属性，您很容易破坏响应性等内容。

我只会将 CSS 与控件上的自定义类结合使用，并且只更改不影响控件大小/布局的内容。所以我只会改变颜色、字体大小等。