如何覆盖CSS

我有一个从SAP NW BPM自动创建的表单。这将创建一个SAP UI5屏幕。通常可以编辑字段，但在这种情况下，我不需要用户填写任何数据。如何覆盖CSS

我有一个如下所示的表单元素。

<f:FormElement label="{i18n>DO_OrgTransord.Street}"> 
<f:fields> 
    <m:Label text="{path:'Street'}" editable="false"/> 
</f:fields> 
</f:FormElement>

问题是标签和字段没有对齐，如看到here。

当我看对应的element我看到标签元素有一个样式padding-top：1rem ;.在IE/Edge中，如果我删除它，那么它会显示为我想显示的代码。

我尝试过不同形式的造型，使它看起来更好，但它不工作。我怎样才能在标签上的信息。

来源

2015-10-05 Daniel Graversen

请在发帖之前检查您的问题，特别是措辞和未添加的链接使其难以阅读。 – matbtt

你有权访问页面附带的CSS文件吗？ –

我有固定的问题，通过增加

<form:Form editable="false">

它帮助解决问题与元素放在错误的。由于我在这里不需要任何输入数据，所以似乎没有问题。

来源

2015-10-05 19:53:26

在这种情况下，您应该确实使用输入或文本元素而不是标签。

通过将！important添加到CSS样式中，它会始终覆盖默认的CSS。请参阅!important rules at W3

来源

2015-10-06 08:38:38

我发现我可以使用sap.m.Test查看数据正确。

<f:FormElement label="{i18n>DO_OrgTransord.VendorName}" > 
     <f:fields> 
      <m:Text text="{path:'VendorName'}" xmlns:m="sap.m" /> 
     </f:fields> 
    </f:FormElement>

来源

2015-10-09 09:23:22

如何覆盖CSS

回答

相关问题