onfocus=this.blur(); 를 한번에 적용시키기 

onfocus='this.blur()' 

이미지 클릭시 테두리 점선나오는것 한번에 적용시켜 없애기 

<script language="javascript"> 
function bluring(){ 
if (event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus(); 

document.onfocusin=bluring; 
</script> 


이미지맵은 적용안되고 개별로 onfocus='this.blur()'를 써줘야함 

예) 
<map name="cafe" id="Map"> 
<area shape="rect" coords="28,114,186,153" href="http://cafe.daum.net/sambong.com" target="_blank" onfocus="this.blur();" /> 
</map> 



-스타일로 적용 

a:active, a:focus {outline:none;} 



키보드의 접근성은 놔두면서 마우스클릭시만 점선없애기 
a:active {outline:none;} 



input type=file 에 링크점선 없애기입니다. 
  
<style> 
input { selector-dummy : expression(this.hideFocus=true);} 
</style> 
[출처] [CSS]input type=file 에 링크점선 없애기|작성자 park9615




+ Recent posts