アイコンを90度回転SAPUI5と背景色

Question

sapui5のボタンにサムネジアイコンを表示したい。親指左は使用できません。ですから、サムダウンやサムアップを選んで90度回転させることはできますか？ どうすればいいのですか？ 第2回ボタンの色の設定方法赤、緑、黄。私はあなたのボタンにカスタムクラスを追加するには、XMLでの簡単な例である

ここで、受諾するボタンの種類を設定拒否が、それはただの赤、緑ブトンの境界線を作る、

<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

<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; 
} 

最初のスタイルは、ボタンの境界線の色を変更します。おそらくそれはアイコンと同じ色でなければなりません。

第2のスタイルでは、親指のアイコンが回転して色が変わります。

---

また、あなたのボタンの背景色を変更したい場合には、第二スタイルルールにbackground-color: #fff;のようなものを置きます。

---

編集：あなたは何を短いCSSルールに置き換え複雑で長いと非将来性のCSSスタイルルール+ !important