IE_Basic Tutorial의 잘못된 버튼 설정 border:none 속성에 대한 해결 방법

요소를 테두리 없이 설정하려면 해당 요소에 border:none만 설정하면 됩니다. 물론 border:0을 설정해도 같은 효과가 있지만 실제로는 둘 사이에 성능 차이가 있습니다

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

border:none: 테두리가 없음으로 설정되어 처리가 수행되지 않습니다.
border:0: 테두리 너비가 0픽셀로 설정되어 있지만 border-color 및 border-style은 실제로 여전히 렌더링 중입니다.

그러나 IE에서는 버튼 및 입력 요소의 경우에는 해당되지 않습니다. IE6 및 7에서 border:none은 border-style:none과 동일하며 테두리가 차지하는 공간입니다. 아직입니다. 이로 인해 입력의 너비와 높이가 브라우저에 따라 일관되지 않게 조정됩니다! IE6 및 7에서는 border:none이 설정되어 있어도 테두리가 여전히 존재합니다. 제 말을 믿을 수 없다면 한번 시도해 보세요.
해결 방법은 다음과 같습니다.
첫 번째 방법:

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

border:0 none;

두 번째 방법:
버튼에 배경색 추가

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

버튼{
배경:#fff;
}