IE에서 링크 주변의 테두리를 제거하는 방법은 무엇입니까?

IE에서 링크 주변의 테두리를 제거하는 방법은 무엇입니까?

---

이 질문에 이미 답변이 있습니다.

• IE 4 답변 에서 이미지 테두리를 끄는 방법

<img>각 <a>요소 내의 요소 로 구성된 탐색 모음이 있습니다 . 그러나 IE에서는 어떤 이유로 이미지 주위에 어두운 검정색 테두리를 만듭니다. 다른 브라우저에서는 똑같지 않아서 알아낼 수없는 것 같네요. 제가 사용하고있는 html입니다.

<li>
   <a href="#">
      <span id="nav1">
         <img src="tt_1.png" />
      </span>
   </a>
</li>

나는 모두 그렇게 작성된 약 5 개의 링크가 있고 CSS를 사용하여 탐색 모음에 스타일을 지정했습니다. 다른 브라우저에서는 이렇게 나옵니다

하지만 IE에서는 이렇게 나옵니다

나는 전에 이와 같은 문제를 경험 한 적이 없으며 지금까지 시도하고 수정하기 위해 재분할 한 것이 작동하지 않았습니다. CSS를 사용하여 이러한 테두리를 제거하는 방법이 있습니까?

---

TL; DR

모든 링크와 이미지에서 테두리 제거 :

a, img {
    border:none;
    outline:none;
}

---

풀 버전

링크 인 이미지에서 테두리 만 제거하려면 다음을 수행해야합니다.

a img {
    border:none;
    outline:none;
}

유일한 차이는이 사이에 콤마 없다는 것이다 a및 img내부 이미지만을 의미 a-tags하는 규칙이 적용 것

전문가 팁 : CSS 재설정 사용

이와 같은 브라우저 불일치는 매우 많으므로 웹 개발자는 종종 "css 재설정"(예 : https://necolas.github.io/normalize.css/ 또는 http://meyerweb.com/eric/tools/css/reset/)을 사용합니다. . 이것은 (다른 멋진 것들 중에서) 여러 요소에서 테두리, 여백 등과 같은 것을 재설정하여 브라우저에서 더 일관되게 렌더링합니다.

---

IE는 링크 인 이미지 주위에 테두리를 두는 것으로 생각합니다. 따라서 다음과 같이 말하여이를 제거 할 수 있어야합니다.

a img {
    border: 0;
}

---

추가 style="border: none;"테두리를 만들어 무엇이든 또는이 속성과 CSS를 만들 수 있습니다.

참고 URL : https://stackoverflow.com/questions/7910209/how-to-remove-borders-around-links-in-ie