html - 在 JQuery 移动元素中使用不同大小的数据图标

Question

我想这样做: http://prntscr.com/1zk1wt 但是应用程序中的每个按钮都默认使用 .ui-icon 样式

.ui-icon {
    width: 18px;
    height: 18px;
}  

当我尝试使用它时(使“离开”、“额外”和“重置”按钮变大) 备注:.menu_header 包含.ui-icon 样式和this
注意覆盖默认的 .ui-icon:

.menu_header .ui-icon {
    width: 36px;
    height: 36px;
}

但不影响整个按钮和 我拿这个http://prntscr.com/1zk2j7 .如您所见，文本放置在 18x18px block 下。(( 初始化按钮的 HTML 代码:

<a data-role="button" data-icon="out" data-iconpos="top" data-inline="true" data-      mini="true"id="winner_screen_leave_game_button" class="ui-btn-left custom_icon_button" style="color: #4d4d4d;">Leave Game</a>

如何在按钮图片下方放置文字？

Answer 1

这是不可能的。我使用标准的 html 语法来创建不同大小的按钮。