Question

作为主题中的一篇文章，我疯狂地从我的JQM APP上的自定义图标中删除光盘。我已尝试在网络上找到一些解决方案，但没有任何工作。

这是一个演示，左边是带有光盘的自定义图标，右边是没有光盘的原生主页图标：

这是我使用的代码：

.ui-icon-myhome:after {
background-image: url("http://www.mywine.info/images/theme/home.png");
/* Make your icon fit */
background-size: 24px 24px;
background-color: transparent;
-moz-border-radius: 0px;
-webkit-border-radius:0px;
border-radius:0px;
}

任何人都可以告诉我删除它的方法吗？

由于

Answer 1

如果我理解你想要什么，你只需要将链接的background-color设置为透明：

.ui-icon-myhome{
    background-color: transparent !important;
}

以下是您更新的 FIDDLE

更新：OP希望图片填充圆形按钮，尺寸与带光盘的标准图标按钮相同。

图标实际上在锚标记上：之后。使background-size，width和height与按钮大小相同会导致图像占据整个按钮空间。调整margin-top和margin-left以使图像在按钮中居中：

.ui-icon-myhome:after {
    background-image: url("http://www.mywine.info/images/theme/home.png");
    /* Make your icon fit */
    background-size: 32px 32px;
    background-color: transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius:0px;
    border-radius:0px;
    width: 32px  !important;
    height: 32px  !important;
    margin-top: -15px !important;
    margin-left: -15px !important;
}

更新了 DEMO

Answer 2

不确定您要执行的操作，但是您是否尝试添加class="ui-nodisc-icon"？

检查以下页面中的移除光盘：http://demos.jquerymobile.com/1.4.0/icons/index.html

Jquery mobile 1.4.0从自定义图标中删除光盘

2 个答案: