jQuery UIボタン - カスタムアイコンの下のテキスト
-
28-09-2019 - |
質問
テキストの上部にカスタムアイコンを備えたjQuery UIボタンを作成しようとしています。デフォルトの動作は、テキストの左/右側にアイコンを作成しますが、アイコンを上部にしたいです!これはできますか?もしそうなら、あなたの助け/ガイダンスは大歓迎です。
また、どのようにして32x32サイズのカスタムアイコンを持つことができますか(ボタンの高さを上げることでも役に立たず、アイコンを剥がしていました)。前もって感謝します。
HTML:
<button id="btnSave">Save</button>
JS:
$('#btnSave').button({
icons: {primary: "saveIcon"}
});
CSS:
.saveIcon {
background-image: url(../images/Save.png) !important;
}
解決
このCSSを試してみてください(デモ):
.ui-button-icon-primary.ui-icon.saveIcon {
height: 32px;
width: 32px;
margin: 10px 0 2em -16px;
text-align: center;
left: 50%;
top: 5px;
background-image: url(../images/Save.png) !important;
}
.ui-button-text-icon-primary .ui-button-text {
display: block;
position: static;
padding: 50px 10px 5px 10px;
}
所属していません StackOverflow