html 요소에서 시스템 테두리 제거

Question

< -이 점선 테두리 (왼쪽 상단 모서리가 표시됨)를 의미합니다.

링크가있는 버튼으로되어 있습니다. 멋지지만 브라우저를 클릭하면 브라우저가 그 주위에 테두리를 그립니다. 내가 코드에서 <a>를 제거하고 다시 클릭하면 테두리 그려지지 않습니다

CSS :

#button{ 
     padding: 0.5em; 
     margin: 0 auto; 
     border-radius: 3px; 
     background-color: #B3C833; 
     font-family: 'Consolas',monospace; 
     font-size: 3em; 
     display: inline-block; 
} 

HTML :

당신이 porperty 추가 할 필요가

<a href="#"> 
    <div id="button"> 
     <span id="pref">http://</span><span id="addr">example.com</span> 
    </div> 
</a> 

Answer 1

:

a { 
    outline:none; 
} 

을

Answer 2

테두리가 내게 필요한 옵션을 위해 있으므로 제거하면 안됩니다. 그것은 장애인이며 키보드를 통해 사이트에 액세스하여 사람들이 어디에 초점을 맞출 수있게합니다.

체크 아웃 outlinenone.com

당신이 트래픽의 일부를 잃는 괜찮다면, 당신이 그것을 어떻게해서든지 제거 할 수 있습니다 국경 '으로

a { 
    outline:none; 
}