3

テキストの上部にカスタムアイコンが付いたjQueryUIボタンを作成しようとしています。デフォルトの動作では、テキストの左側/右側にアイコンが作成されますが、アイコンを上部に配置したいと思います。これはできますか？もしそうなら、あなたの助け/ガイダンスは大歓迎です。

また、32x32サイズのカスタムアイコンを作成するにはどうすればよいですか（ボタンの高さを増やしても効果がなく、アイコンが削除されていました）。前もって感謝します。

HTML：

<button id="btnSave">Save</button>

JS：

$('#btnSave').button({
    icons: {primary: "saveIcon"}
});

CSS：

.saveIcon {
    background-image: url(../images/Save.png) !important;
}
4

1 に答える 1

3

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;
}
于 2010-10-08T02:10:34.040 に答える