Повернуть значок на 90 градусов SAPUI5 и цвет фона

Question

Я хочу показать значок с большим пальцем слева на кнопке в sapui5. thumb-left недоступно. Могу ли я выбрать «thumb-down» или «thumb-up» и повернуть его на 90 градусов? Как я могу это сделать. 2ndly Как установить цвет кнопок Красный, Зеленый, Желтый. Я установил тип кнопки Принять, Отклонить, но это просто сделать границу Buton зеленого, красного,

<Button id="btnNegative" type="Reject" icon="sap-icon://thumb-down" text="Negative" press=".onSentimentFeedBackButtonclick"></Button> 
    <Button id="btnNeutral" type="Accept" icon="sap-icon://thumb-up" text="Neutral" press=".onSentimentFeedBackButtonclick"></Button> 

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; во втором правиле стиля.

---

Edit: Заменено сложное и долгое и не будущее доказательство CSS правило стиля с правилом короткого CSS + !important