使用自己的图像更改jQuery UI按钮的图标,可以通过以下步骤实现:
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
button()
方法初始化按钮,并使用icons
选项设置自定义图标:$("#myButton").button({
icons: {
primary: "ui-icon-my-custom-icon"
}
});
.ui-icon-my-custom-icon {
background-image: url('path/to/your/custom-icon.png');
width: 16px;
height: 16px;
}
其中,path/to/your/custom-icon.png
是你自己的图像文件的路径。
注意:在实际应用中,建议使用腾讯云的对象存储服务(COS)来存储和管理自定义图标,以便更好地管理和保护图标文件。
领取专属 10元无门槛券
手把手带您无忧上云