1

カスタムアイコンを使用していますが、円で表示されています。これを止めるためにオフにする必要があるクラスはここにありますか？

<div data-theme="a" data-role="footer" data-position="fixed">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li>
                            <a href="#" id="test1" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span" class="ui-btn-active">
                                <span class="foot_font">test1</span>
                            </a>
                        </li>
                        <li>
                            <a href="page40.html" id="test2" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span">
                                <span class="foot_font">test2</span>
                            </a>
                        </li>
                        <li>
                            <a href="page44.html" id="test3" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span">
                                <span class="foot_font">test3</span>
                            </a>
                        </li>
                        <li>
                            <a href="page22.html" id="test4" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span">
                                <span class="foot_font">test4</span>
                            </a>
                        </li>
                        <li>
                            <a href="page47.html" id="test5" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span">
                                <span class="foot_font">test5</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

ここに画像の説明を入力してください

4

2 に答える 2

1

追加することで、このcssの動作をオーバーライドできます

.ui-icon
{
    border-radius:0px!important;
    -moz-border-radius:0px!important;
    -webkit-border-radius:0px!important;
    -ms-border-radius:0px!important;
    -o-border-radius:0px!important;
}
于 2012-05-31T07:48:45.187 に答える
1

背後にある灰色の円の背景を削除するには、単に

ui-nodisc-icon

リンク/ボタンへのクラス

たとえば、コードを次のように変更できます

<a href="#" id="test1" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span" class="ui-btn-active ui-nodisc-icon">
    <span class="foot_font">test1</span>
</a>
于 2014-05-27T11:14:39.367 に答える