在90度SAPUI5和背景颜色上旋转图标

Question

我想在sapui5中的按钮上显示拇指左侧图标。拇指左不可用。那么我可以选择拇指按下或拇指向上并旋转90度吗？ 我怎么做 2如何设置按钮颜色红色，绿色，黄色。我将按钮类型设置为Accept，Reject但它只是使边框为绿色，红色，

nsid

Answer 1

这是一个简单的例子

在XML中为按钮添加自定义类

<Button id="btnNeutral" class="myNeutralThumb" icon="sap-icon://thumb-up" text="Neutral" press=".onSentimentFeedBackButtonclick" />

然后在您的style.css中（或者您的CSS文件被命名）添加以下内容：

button.myNeutralThumb .sapMBtnInner {
  border-color: #ff0 !important;
}

button.myNeutralThumb .sapMBtnIcon  {
  transform: rotate(90deg);
  color: #ff0 !important;
}

第一种样式会更改按钮边框的颜色。可能应该与图标颜色相同。

第二种样式会旋转您的拇指图标并更改其颜色。

如果您还想更改按钮的背景颜色，请在第二个样式规则中添加background-color: #fff;之类的内容。

修改：使用简短的CSS规则+ !important

替换复杂且长期且不具前瞻性的CSS样式规则