CSS（JQUERY）：围绕图标

enter image description here 当大图标均采用了边框边框周围的图标区域中可见。CSS（JQUERY）：围绕图标

I have tried: 
.ui-icon { 
border: none; 
}

这不是解决方案。任何想法或者你能否指引我朝着正确的方向发展？

<head> 
<style type="text/css"> 
<!-- 
.ui-icon-green5{ 
background-image: url(green_05_64x64.png); 
} 
.ui-icon { 
background-color: transparent; 
width: 64px; 
height: 64px; 
border: none; 
margin-top:150px; 
margin-left:150px; 
} 

a{ 
    line-height: 600px; 
} 
--> 
</head> 
<body> 
<div id="content2" style="background-color:#000000;height:400px;width:400px;float:left;"> 
     <a data-theme="a" id="start-button" data-iconpos="top" data-icon="green5" 
      data-role="button" 
      href="index.html" 
      data-corners="false">LIVINGROOM</a> 
     </div> 
</body>

来源

2012-08-08 Timo11

我们可以看到代码？这里并不是很多。 – 2012-08-08 21:09:25

另外，你确定问题是jQuery，而不是CSS？ – 2012-08-08 21:14:00

尝试

.ui-icon { 
    border: 0 !important; 
}

如果不工作，边界必须是在PNG本身

来源

2012-08-08 21:35:43

不幸的是，这并没有解决我的问题。 – Timo11 2012-08-09 06:34:52

我双重检查和边境不在PNG – Timo11 2012-08-09 06:42:27

我不能完全确定是什么原因导致这个问题。尽管我可能会将框架设置为none，而不仅仅是边框。一些浏览器，比如chrome，可能会使用它来表示元素的焦点（尽管我不记得看到它发生在链接上，只发生在输入字段上）。另一件可能值得检查的事情是，这不是你的形象中的人工制品。这可能是因为你在边缘有白色的褪色，你是否可能不恰当地切片。把它放在一个类似Photoshop的黑色背景中应该立即显示出来。

此外，我不知道这一切的数据属性是，假设他们有话跟你使用一些jQuery插件。无论如何，我会为你的链接设置一类ui-icon，以确保边界：none（和outline：none）definitly得到应用，就像我不能说的那样。

来源

2012-08-08 21:35:56 Pevara

我曾尝试：边界：0重要;概要：无！重要; border-style：none！important;但边界仍然存在 – Timo11 2012-08-09 06:43:53

-webkit-箱阴影：无;

这解决了问题。 enter image description here

来源

2012-08-09 06:54:15 Timo11

CSS（JQUERY）：围绕图标

回答

相关问题