javascript - 如何在 jquerymobile 中使图像适合按钮

Question

我正在尝试修改按钮以显示适合其大小的图像，the source code here

.ui-icon-myimg {
background: url(http://www.metalunderground.pt/download/file.php?avatar=2015_1331126201.jpg) no-repeat;}

(我不得不把这段 CSS 放在这里，否则我无法链接 jsfiddle)

为什么我只能看到橙色圆圈？我反复尝试修改宽度和高度，但找不到任何可行的方法。

请帮帮我!

谢谢

Answer 1

像这样写css:

.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon {
position: absolute;
right: 0;
left: 45%;
top: 40%;
margin: -9px -9px 0 0;
}

.ui-btn-inner {
height: 100% !important;
padding: .55em 11px .5em 11px;
}

.ui-controlgroup-controls li a {
position: relative !important;
}

看到这个 fiddle : http://jsfiddle.net/yWkGR/52/

我已经修改了我的代码。