* 텍스트 또는 이미지에 링크시 점선(선택영역) 안보이게 하기 *

• etc/• blog tip & utill / 2012. 9. 10. 13:22

* 텍스트 또는 이미지에 링크시 점선(선택영역) 안보이게 하기 *

 

 

 

일반적인 경우 텍스트 또는 이미지에 링크를 걸었을 경우,
클릭하면 주변의 점선이 생기면서 링크영역 선택이라는걸 표시해 준다.
하지만 깨끗한 이미지 작업경우 점선으로 인하여 지저분해 보이는 경우가 있다.
그럴때는 링크 태그안에 onFocus="blur()" 를 추가한다.
추가후에는 링크걸린 텍스트 또는 이미지를 클릭해도 점선이 나타나지 않는것을 확인할 수 있다.


<텍스트에 링크걸었을 경우>
<a href="링크할 주소" onFocus="blur()">텍스트</a>


<이미지에에 링크걸었을 경우>
<a href="링크할 주소" onFocus="blur()"><img src="이미지 경로"></a>

위로가기

POWERED BY TISTORY. THEME BY HE+STORY