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

코드를 볼 수 있습니까? 여기에 가야 할 것이 많지 않습니다. –

또한 문제는 CSS가 아닌 jQuery입니까? –

이

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

을 시도 경계는 PNG 자체

출처

2012-08-08 21:35:43

유감스럽게도 이것은 내 문제를 해결하지 못했습니다. – Timo11

두 번 확인했는데 테두리가 PNG에 없습니다. – Timo11

나는이 문제의 원인을 완전히 확실하지 오전에있을거야. 국경 만이 아닌 외곽선을 아무 것도 선택하지 않아도 가치가 있습니다. 크롬과 같은 일부 브라우저는 요소의 포커스를 나타 내기 위해이 코드를 사용할 수 있습니다 (링크에서는 입력 필드에서만 볼 수 있습니다). 검사 할 가치가있는 또 다른 사항은 이것이 당신의 이미지에서 유물이 아니라는 것입니다. 가장자리에 희색이 희미해질 수도 있고, 그것을 얇게 썰었을 수도 있습니다. programm과 같은 Photoshop에서 검정색 배경 위에 놓으면 즉시 표시됩니다.

또한이 데이터 속성이 무엇인지 모릅니다. 사용하는 jQuery 플러그인과 관련이 있다고 가정합니다. 어쨌든, 나는 당신의 링크에 ui-icon 클래스를 설정하여 border : none (및 outline : none)이 확실히 적용되도록 확실히 할 것입니다. 현재 스 니펫에서 말했듯이 말하지 않습니다.

출처

2012-08-08 21:35:56 Pevara

시도 : border : 0! important; 개요 : 없음! 중요; border-style : none! important; 그러나 국경은 남아있다. – Timo11

-webkit-box-shadow : 없음;

이렇게하면 문제가 해결됩니다. enter image description here

출처

2012-08-09 06:54:15 Timo11

CSS (JQUERY) : 아이콘 주변 테두리

답변

관련 문제