jQuery UI 微调图标选项

jQuery UI 由使用 HTML、CSS 和 jQuery 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQuery UI 微调图标选项用于将图标添加到微调按钮。它的默认值是 { down: “ui-icon-triangle-1-s”, up: “ui-icon-triangle-1-n” }。

句法：

$( ".selector" ).spinner({
  icons: { 
    down: "custom-down-icon", 
    up: "custom-up-icon" 
  }
});

CDN 链接：首先，添加项目所需的 jQuery UI 脚本。

例子：

HTML

  

    
    
    
    
    
    
  
    
        $(function () {
            $("#gfg").spinner({
                icons: {
                    down: "ui-icon-circle-triangle-s",
                    up: "ui-icon-circle-triangle-n"
                }
            });
        });
    

  

    GeeksforGeeks
    jQuery UI spinner icons option
  
    
        
    

  

输出：

微调图标

参考： https://api.jqueryui.com/spinner/#option-icons