Sapui5 更改标签中的星号位置

我在浏览这个网站时看到： 所以我像“甜心，让我们试试！”一样，在标签上添加了

required=“true”

：

<Label required="true" text="E-Mail"/>

这就是我得到的：

如何将星号置于左侧

---

我使用的是v1.81.0

我们在最近的一个项目中遇到了类似的困境。我们别无选择，只能覆盖标准css。不建议覆盖标准CSS，但作为最后手段，它肯定可以考虑

由于我们希望为项目中的所有标签启用此属性，因此我们覆盖了标准CSS。还可以提供自定义类和重写。下面是从右侧删除“*”并将其放置在文本左侧的css

.sapMLabelRequired:before {
    content: "*";
    color: #c14646;
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    vertical-align: middle;
    line-height: 0;
}

.sapMLabel.sapMLabelRequired .sapMLabelColonAndRequired:after {
    content: "" !important;
}

---

我们在最近的一个项目中遇到了类似的困境。我们别无选择，只能覆盖标准css。不建议覆盖标准CSS，但作为最后手段，它肯定可以考虑

由于我们希望为项目中的所有标签启用此属性，因此我们覆盖了标准CSS。还可以提供自定义类和重写。下面是从右侧删除“*”并将其放置在文本左侧的css

.sapMLabelRequired:before {
    content: "*";
    color: #c14646;
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    vertical-align: middle;
    line-height: 0;
}

.sapMLabel.sapMLabelRequired .sapMLabelColonAndRequired:after {
    content: "" !important;
}

---

星号过去位于左侧，但新的Fiori设计指南要求星号位于右侧，自1.73版开始在UI5中实施。以下是相关的提交：

sap.m.Label的新设计需要星号 位于标签的右侧

指南页面中的内容已过时

---

由于UI5的最新版本以最新的Fiori设计指南为目标，我不鼓励使用任何定制CSS，因为这通常会导致UI不一致和更高的维护成本。

星号过去位于左侧，但新的Fiori设计指南要求它位于右侧，这是从1.73开始在UI5中实现的。以下是相关的提交：

sap.m.Label的新设计需要星号 位于标签的右侧

指南页面中的内容已过时

---

由于UI5的最新版本以最新的Fiori设计准则为目标，我不鼓励使用任何定制CSS，因为这通常会导致UI不一致和更高的维护成本。

谢谢-它几乎完美，不幸的是

内容：“！重要的导致标签名称与随后添加的“：”之间出现间隙。另一方面，由于我阅读的指南已经过时，我现在可能会保留它的正确方向。谢谢-它几乎完美，不幸的是
内容：“！重要的导致标签名称与随后添加的“：”之间出现间隙。另一方面，由于我阅读的指南已经过时，我现在可能会把它保留在正确的一面。