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
'웹 퍼블리싱 > Html' 카테고리의 다른 글
텍스트 블록지정 (드래그) 색상 바꾸기 (0) | 2015.07.17 |
---|---|
div 나 span 등에 tag에서 수직 정렬하기 (0) | 2015.07.17 |
아이프레임 iframe 배경 투명하게 만들기 (0) | 2015.07.17 |
모바일로 접속시 모바일 홈페이지로 이동하는 태그 (0) | 2015.07.17 |
마우스 우클릭 방지 소스 (0) | 2015.07.17 |