2

jQuery-mobile を含むカスタム テンプレートがあります。問題は、ほとんどのボタンが含まれdata-role="controlgroup"ていることです-要素のサイズを変更して中央に配置するため、問題ありませんが、いくつかのボタンを使用する必要があるテーブルがあり、その結果、jQueryモバイルはそれを1つのグループに表示しようとします丸みを帯びた角。

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <table>
            <tr><td></td><td>Name</td><td></td></tr>
            <tr><td>1</td><td>ADS</td><td><a href="#" data-role="button" data-ajax="false">Run</a></td></tr>
            <tr><td>2</td><td>ASDF</td><td><a href="#" data-role="button" data-ajax="false">Run</a></td></tr>
            <tr><td>3</td><td>ASD</td><td><a href="#" data-role="button" data-ajax="false">Run</a></td></tr>
            <tr><td>4</td><td>ASDF</td><td><a href="#" data-role="button" data-ajax="false">Run</a></td></tr>
        </table>
    </fieldset>
</div>

コーナー

それでdata-role="controlgroup"、テーブルに丸い角を使用して表示しないか、それぞれに表示することは可能ですか?

4

1 に答える 1

0

テーブル列内にあるコントロールグループ内のボタンに対して独自のCSSルールを作成する必要があります。また、これらのルールを元のjQuery Mobile CSS定義の後に配置する必要があります（つまり、 jquery-mobile.cssjQuery Mobileの後に含まれる独自のCSSファイルの最後または中に）。これらの線に沿った何か：

table td .ui-controlgroup-controls .ui-corner-top, table td .ui-controlgroup-controls .ui-corner-bottom {
        -moz-border-radius: .6em /*{global-radii-blocks}*/;
        -webkit-border-radius: .6em /*{global-radii-blocks}*/;
        border-radius: .6em /*{global-radii-blocks}*/;
        -moz-border-radius: .6em /*{global-radii-blocks}*/;
        -webkit-border-radius: .6em /*{global-radii-blocks}*/;
        border-radius: .6em /*{global-radii-blocks}*/;
}
于 2012-10-16T08:28:39.487 に答える