javascript - 如何更改 SAPUI5 页面中每个 DOM 对象的 css

Question

我有一个 things inspector，这个 things inspector 有两个头衔。我想能够更改此标题的 css 并使它们的字体大小更小(默认字体大小为 16px，我想将其降低到 12px)。我试图获取这些标题类并使用此方法更改它们的大小:

var element = document
                    .getElementsByClassName("sapUiUx3TVTitleSecond")[1];
            element.style.fontSize = '12px';
var element = document
                    .getElementsByClassName("sapUiUx3TVTitleFirst")[1];
            element.style.fontSize = '12px';

它确实有效，我可以看到变化，但是一旦页面加载完成(页面加载需要几秒钟，因为它需要读取一个 json 对象)，标题大小就会恢复到默认值。我什至不知道这是访问 DOM 元素和更改其 CSS 的正确方法。

请指出如何在 SAPUI5 中更改 DOM 对象 css 的正确方向

Answer 1

您可以创建一个新的 CSS 文件，并将其包含在您的 index.html 中。

只需在此自定义 CSS 中添加具有修改属性的所需选择器:

.sapUiUx3TVTitleSecond, .sapUiUx3TVTitleFirst {
    font-size : 12px;
}

编辑:如果您需要以编程方式更改它，您可以使用适用于每个 UI 元素的 addStyleClass("yourStyle") 方法