在JQuery移动项目中使用不同大小的数据图标

时间:2013-10-25 07:31:59

标签: html css jquery-mobile

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

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

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

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

但不影响整个按钮和 我接受这个http://prntscr.com/1zk2j7。如您所见,文本位于块18x18px下。(( 用于初始化按钮的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>

如何在按钮图像下放置文字?

1 个答案:

答案 0 :(得分:0)

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