Javascript SAPUI5控件上的CSS

Javascript SAPUI5控件上的CSS,javascript,jquery,html,css,sapui5,Javascript,Jquery,Html,Css,Sapui5,我在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

我在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
应用于
控件的时间点

因此,您必须为css类或id赋予“优先级”,这可以通过使用
属性来实现!重要信息

添加
CSS属性
,如下所示

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

中使用您想要的任何东西!重要的
属性。

SAPUI5
中,我们不知道
CSS
应用于
控件的时间点

因此,您必须为css类或id赋予“优先级”,这可以通过使用
属性来实现!重要信息

添加
CSS属性
,如下所示

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

中使用您想要的任何东西!重要信息
属性。

您可以通过添加
class=“yourStylingClass”
属性为控件指定其他类


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

您可以通过添加
class=“yourStylingClass”
属性为控件分配额外的类


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

@arthan-v感谢您的回答,但“”可能有任何问题!重要提示“因为不太推荐它。@abhhab-不会有任何问题,除非您在
class
中使用它,并将该
class
应用到任何地方,因为您可能不希望在任何地方都使用该样式。小心地给出
!重要信息
它将覆盖您提供的所有其他样式属性。@arthan-v-我在类中使用它,因为它不使用id。当我应用“!重要提示:如果我的样式表中有id,它将不起作用。但是,当我使用class时,它可以正常工作。它也应该与
id
一起工作。但是要确保
不会影响任何其他
视图中的
高度
。尽量避免
!重要信息
请务必选择classes@arthan-v谢谢你的回答,但是有什么问题吗!重要提示“因为不太推荐它。@abhhab-不会有任何问题,除非您在
class
中使用它,并将该
class
应用到任何地方,因为您可能不希望在任何地方都使用该样式。小心地给出
!重要信息
它将覆盖您提供的所有其他样式属性。@arthan-v-我在类中使用它,因为它不使用id。当我应用“!重要提示:如果我的样式表中有id,它将不起作用。但是,当我使用class时,它可以正常工作。它也应该与
id
一起工作。但是要确保
不会影响任何其他
视图中的
高度
。尽量避免
!重要信息
请务必去上课