Javascript jQuery UI调整大小图标

我已经在这里找到了这个，当然还有声明，甚至

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

我有以下HTML代码段：

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

以及以下空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>

那么我要怎么做才能调整图标的大小呢？ 我已准备好调整按钮的

宽度

和

高度

，以及内部跨度的大小。。。

---

但是两者都不起作用…

所以首先，你想知道为什么图标没有出现？其次，如果你想让图标更大，答案是你不能。它显示出来没有问题。。。但我联系的第二方不是证明这是可能的吗。。。

<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>