如何更改按钮数据图标大小

Question

我正在尝试更改jQuery Mobile 1.4.2中的数据图标大小 - 例如：

<a href="#workerPageForDetails" id="findAJobButton" data-role="button" data-inline="true" data-icon="search">Find a job</a>

我希望搜索图标尽可能填满所有按钮，否则请调整大小。

CSS或jQuery可以做到吗？怎么样？

Answer 1

使用CSS的32 x 32像素图标：

<button android:layout_height="wrap_content" 
        android:layout_width ="wrap_content" 
        android:onclick      ="longVibrate" 
        android:text         ="VibrateThrice">
</button>

Answer 2

您可以使用自己的自定义图标替换图标，并将其设置为您想要的任何尺寸。

.ui-icon-search {
    background-image: url('search.png');
    width:24px;
    height: 24px;
}

Answer 3

尝试更改图标的背景比例：background-size: 75%;