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 回答