SAPUI5 控件上的 CSS

CSS on SAPUI5 Controls

本文关键字：CSS 控件 SAPUI5      更新时间：2023-09-26

我在sapui5的HTML视图中的div标签内有一个sap.m.Input。当我将 css 应用于div 时，它在所有div 元素上都可以正常工作。但是，我想在div 标签内的单个控件上应用 css。它不起作用。代码是：

<div data-sap-ui-type="sap.m.Label" data-text="Sr.No :"></div>
<div data-sap-ui-type="sap.m.Input" id="id_SrNo_Val" data-width ="10%"></div>

如果我将 css 应用于输入，上面的代码不起作用。它在标签上工作正常。我正在尝试降低输入的高度。它适用于具有运行时 ID 的 Chrome 控制台。但是我想使用它不接受的给定 id 应用 css。请帮忙。

在SAPUI5中，我们不知道CSS的时间点应用于Controls。

所以你必须给"你的css类或id优先考虑"，这可以使用property！important

来实现。

添加您的CSS property，如下所示

#id_SrNo_Val {
     height : 10px !important;
     color : blue !important;
}

使用任何您想要!important属性。

更新：避免!important，因为在某些时间点调试会变得更加困难。同样在CSS中，不建议使用。

可以将其他类分配给添加class="yourStylingClass"属性的控件。

不应使用控件 ID 进行样式设置，因为 SAPUI5 可能会修改这些 ID、添加前缀等。

相关文章：