jQuery UI调整大小图标

Question

我已在此处找到此Topic，当然还有this声明，甚至the icon documentation ......

但我找不到关于我如何使用不同尺寸的解释......

我有以下HTML代码段：

<div id="infos">
    <div id="info_outer">
        <button id="info_open" class="open_button"> </button>
    </div>  
    <div id="info_content">             
    </div>
</div>

以下js-skript：

;$(function() {
    $("#info_open")
      .button({
        text: false,
        icons: {
            primary: "ui-icon-grip-solid-vertical"
        }
      })
      .click(function(){
        // do stuff
      });

});

以及以下空css：

.open_button{

}

看起来像这样：

<div id="infos">
    <div id="info_outer">
        <button title="" aria-disabled="false" role="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only" id="info_open"><span style="" class="ui-button-icon-primary ui-icon ui-icon-grip-solid-vertical"></span><span class="ui-button-text">   </span></button>
    </div>  
    <div id="info_content">
    </div>
</div>

那么我需要做些什么才能调整图标大小？ 我已经尝试调整按钮的width和height的大小，以及内部的跨度...... 但都没有奏效......