Jquery mobile jquery mobile如何删除图标上的灰色圆形
我构建了我的第一个phonegap Jquery应用程序 我正在使用这个类更改我的图标Jquery mobile jquery mobile如何删除图标上的灰色圆形,jquery-mobile,icons,Jquery Mobile,Icons,我构建了我的第一个phonegap Jquery应用程序 我正在使用这个类更改我的图标 .ui-icon-myapp-email { background-image: url("app-icon-email.png"); } 此自定义图标用于列表视图,我尝试删除圆形灰色背景负载 另外,我的照片对于形状来说有点大 我在玩.ui图标,但不起作用 找不到班级 我只想我的自定义箭头图片全尺寸在白色背景列表上没有圆形没有圆形框形状 也许有一个属性或通过css来实现 谢谢这应该行得通 .ui-i
.ui-icon-myapp-email {
background-image: url("app-icon-email.png");
}
此自定义图标用于列表视图,我尝试删除圆形灰色背景负载
另外,我的照片对于形状来说有点大
我在玩.ui图标,但不起作用
找不到班级
我只想我的自定义箭头图片全尺寸在白色背景列表上没有圆形没有圆形框形状
也许有一个属性或通过css来实现
谢谢这应该行得通
.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;
}
将图标光盘颜色覆盖为白色
.ui-icon,
.ui-icon-searchfield:after {
background: #fff /*{global-icon-color}*/;
background: rgba(255,255,255,1) /*{global-icon-disc}*/;
background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
background-repeat: no-repeat;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
}
图标大小在ui-Icon
类中指定,该类默认为18px
.ui-icon {
width: 19px;
height: 19px;
}
来晚了,但简单的回答是
background-color: transparent;
box-shadow: none;
添加到自定义类名,因此:
.ui-icon-myapp-email {
background-color: transparent;
box-shadow: none;
}
是您所需要的一切。使用JQuery Mobile 1.3,现在您所要做的就是添加类“ui节点图标”,无需乱动CSS 发件人:
“如果您不需要图标后面的黑圈,只需将ui节点图标添加到元素或其容器中即可删除图标背景。”对于那些只想为按钮添加图标的人,我发现本文非常有用!我按照“重置按钮主题”和“仅图标按钮”部分来获得我需要的效果
如果您使用的是jQuery v1.4.0+,则只需将class
.ui nodisc图标添加到link元素中,即可删除该恼人的圆圈。您无需编辑任何css或写入任何覆盖。我使用以下方法解决了此问题:
background-color:transparent;
如果要在背景中添加颜色,可以使用:
background: url(yourimage.png) repeat;
谢谢,但我的图标现在实际上显示在一个白色背景中,但有一点切割,因为在圆形框后面,什么css负责圆孔..firebug没有给我信息,z-index似乎没有帮助它在ui图标类中。我首先尝试了这种方法,但它会产生一个白色的孔,但是我的图标在z-index和溢出后消失了没有帮助…谢谢你的自定义图标大小是什么?我添加了必要的css来消除圆孔corners.嗨codaniel谢谢你的帮助我真的很欣赏下面的图片,图标是14px*20px…看起来是真的圆孔…正在尝试z-index溢出属性但没有帮助…我也更改了边框半径但不起作用…我可以让它变小,但不影响客户端设计批准…感谢我添加的ui图标类