sapui5中圆形按钮的CSS样式

Question

您好我想在sapui5中创建圆角按钮，由垂直边界分隔。由于我是sapui5中的新手，我无法找到简单的“sap.m.Button”的任何特定半径属性。请提出一些建议。

Answer 1

您可以使用自定义css来实现此目的。在XML中使用class属性。如果您使用JSview，请使用addStyleClass方法。

  <Button class="roundClass"
    text="Hello UI5 World"
    press="doSomething" />

并在css文件中使用下面的代码。 sapMBtnInner是标准类。不要直接覆盖类，因为它会在任何地方生效。（不要使用.sapMBtnInner{}直接使用你的自定义类）

.roundClass .sapMBtnInner{
  border-radius:30px;
}

欢迎来到UI5世界