我正在尝试创建一个jQuery UI按钮,文本顶部带有自定义图标。默认行为在文本的左侧/右侧创建图标,但我希望图标位于顶部!可以这样做吗?如果是这样,我们非常感谢您的帮助/指导。
此外,如何拥有一个32x32大小的自定义图标(甚至增加按钮的高度没有帮助,并剥离图标)。提前谢谢。
HTML:
<button id="btnSave">Save</button>
JS:
$('#btnSave').button({
icons: {primary: "saveIcon"}
});
CSS:
.saveIcon {
background-image: url(../images/Save.png) !important;
}
答案 0 :(得分:3)
尝试这一点CSS(demo):
.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;
}