jquery mobile如何删除图标上的灰色圆圈

Question

我构建了我的第一个phonegap Jquery Appl Im使用这个类改变我的图标

.ui-icon-myapp-email {
    background-image: url("app-icon-email.png");
}

这个自定义图标用于列表视图,我尝试删除圆形灰色背景加载我的图片有点大我的形状我正在玩.ui-icon但不工作无法找到班级

我只想在白色背景列表上我的自定义箭头图片全尺寸没有圆形没有圆形盒子形状也许有一个属性或通过CSS来表达谢谢

Answer 1

如果您使用的是jQuery v 1.4.0 +,那么您只需将该类添加.ui-nodisc-icon到link元素中即可删除该烦人的圆圈.您不需要编辑任何CSS或编写任何覆盖.

Answer 2

迟到这里的聚会,但一个简单的答案是补充

background-color: transparent;
box-shadow: none;

到你的自定义类名,所以:

.ui-icon-myapp-email {
    background-color: transparent;
    box-shadow: none;
}

是你所需要的全部.

Answer 3

这应该有效。

.ui-icon-myapp-email {
    background:transparent; /* or none */
    background-image: url("app-icon-email.png");
    /* The following border radius rules will override the circle around your icon */
    -moz-border-radius: 0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}
/* To fix the size issue override the .ui-icon height */
.ui-icon{
    width:14px;
    height:20px;
}