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）：圍繞圖標

回答

相關問題