JS CSS_기본 지식을 사용하여 IE 링크의 점선 상자를 제거하는 세 가지 방법

방법 1: 자바스크립트 의 onfocus 이벤트를 이용해 다음과 같이 구현합니다.
Html 코드

코드 복사 코드는 다음과 같습니다.

Design Hive< ;/a>

jQuery 프레임워크를 도입하면 해당 이벤트 바인딩 메커니즘을 사용할 수 있습니다.
Js 코드

코드 복사 코드는 다음과 같습니다.

$('a').bind('focus', function(){
if(this.blur) { //지원되는 경우.
this.blur();
}
});

방법 2: CSS 스타일을 사용합니다. 다음 구현:
Css 코드

코드 복사 코드는 다음과 같습니다.

a{
blr: 표현식( this.onFocus=this.close());
} /* IE만 지원하므로 과도한 사용은 비효율적입니다*/
a{
blr: 표현식 (this.onFocus=this.blur()) ;
} /* IE만 지원하므로 과도한 사용은 비효율적입니다*/
a:focus {
-moz-outline-style: none
} /* IE는 지원하지 않습니다*/
:focus {
개요: 없음
} /* Firefox의 경우 */

방법 3: 태그 속성을 사용하고 IE만 지원하며 구현은 다음과 같습니다: HTML 코드

코드 복사 코드는 다음과 같습니다 :

Design Hive

방법 4: HTC 구현은 다음과 같습니다.
다음 코드를 .htc 접미사 파일로 저장
Js 코드

코드 복사 코드는 다음과 같습니다.

CSS 코드

코드 복사 코드는 다음과 같습니다.

a {behavior:url("htc file")}