2

这是一个小提琴----> http://jsfiddle.net/bagofmilk/4RAuL/ <----

将 jQuery 1.9.1 与 jQM 1.3.2 一起使用

我在页脚设置中有这样的按钮：

 <div data-role='footer' data-position='fixed' data-inline='true'>
    <div class='ui-grid-d' style='width:100%;margin:0 auto;text-align:center;'>
        <div class='ui-block-a'>
            <a href='#'  data-inline='true' data-role='button' data-corner='false'>A</a></div>
        <div class='ui-block-b'>
            <a href='#'  data-inline='true' data-role='button' data-corner='false'>B</a></div>
        <div class='ui-block-c'>
             <a href='#'  data-inline='true' data-role='button' data-corner='false'>C</a></div>
        <div class='ui-block-d'>
            <select data-icon='grid' data-iconpos='notext' data-mini='true' data-inline='true' id='thissel'><option>D</option><option>2</option></select></div>
        <div class='ui-block-e'>
        <a href='#'  data-inline='true' data-role='button' data-corner='false' >&rarr;</a></div>
   </div>
 </div>

如果您注意到，您会看到被 <a> 标签包围的按钮比只有图标的按钮大。我想让所有按钮与 icon='grid' 的按钮大小相同。

我试过这个：

.ui-btn {padding:0px;}

但它没有用

有什么想法吗？

jsfiddle ----> http://jsfiddle.net/bagofmilk/4RAuL/ <----

4

1 回答 1

1

工作示例：http: //jsfiddle.net/Gajotres/yFEsW/

CSS：

.ui-block-d .ui-select .ui-btn {
    margin-top: 2px !important;
    padding: 0.15em 5px 0.25em !important;
}

.ui-block-d .ui-select .ui-btn .ui-icon{
    margin-top: 5px !important;
}

或您的版本：http: //jsfiddle.net/Gajotres/wye9H/

.ui-block-a a .ui-btn-inner, .ui-block-b a .ui-btn-inner, .ui-block-c a .ui-btn-inner, .ui-block-e a .ui-btn-inner {
    padding: 0 5px !important;
}

.ui-block-d div .ui-btn {
    margin-top: -2px !important;
}

对我来说，第一个看起来更好。

于 2013-07-24T21:53:42.777 回答