3

我正在尝试在文本顶部创建一个带有自定义图标的 jQuery UI 按钮。默认行为在文本的左侧/右侧创建图标,但我希望图标位于顶部!这可以做到吗?如果是这样,非常感谢您的帮助/指导。

此外,如何拥有 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 回答