>웹 프론트엔드 >JS 튜토리얼 >JS CSS_기본 지식을 사용하여 IE 링크의 점선 상자를 제거하는 세 가지 방법

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

WBOY
WBOY원래의
2016-05-16 17:15:161201검색

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

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

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 코드
코드 복사 코드는 다음과 같습니다 :

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




CSS 코드

코드 복사 코드는 다음과 같습니다.
a {behavior:url("htc file")}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.