jQuery mobile，自定义按钮看起来与标准图标按钮不同

Question

使用以下代码，我可以在jquery Mobile按钮上获得自定义图标。不知何故，按钮本身看起来与我使用标准jquery图标的按钮不同。带有自定义图标的那个看起来非常平坦，而其他按钮有一些有点＆＃34;圆形＆＃34;出现。是否有一些我不得不做的事情，我必须让他们看起来像其他人一样？

对于每个自定义图标，我有18x18px和36x36px版本。图标是透明的，中间是彩色圆圈。

所以这里是代码：

.ui-icon-dreambox-blue {
        background-image: url("/static/images/dreambox-blue.png") !important;
        background-color: rgba(0, 0, 0, 0); !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .ui-icon-dreambox-blue {
        background-image: url("/static/images/dreambox-blue_highres.png") !important;
        background-size: 18px 18px;
        background-repeat: no-repeat !important;
        background-position: center !important;
}

<a href="#" data-role="button" data-icon="dreambox-blue" data-iconpos="notext">B</a>

谢谢！