Question

jqm图标的默认大小有时太小，所以我尝试调整它的大小。

在使用chrome dev工具挖掘之后，我发现了如何做到这一点，但是在应用了以下css之后图标定位不好：

1.like,dislike answers
2.reply unswers
3.user can edit his/her answer  etc etc.

我还应该写什么css？

如果我想圈出图标背景怎么办？

Answer 1

试试这个：

<a href="#" class="ui-btn ui-icon-ion-ios7-location-outline ui-btn-icon-notext ui-icon-big"></a>        
<a href="#" class="ui-btn ui-icon-star ui-btn-icon-notext ui-icon-big"></a>


/*icon*/
.ui-icon-big:after {
    width: 3rem ;
    height: 3rem ;
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    font-size: 3rem;
    background-size: 2.5rem 2.5rem;   
}

<强> DEMO

在jquerymobile中，如何在调整大小后居中图标？

1 个答案: