IE 9 및 단추 요소 스타일 지정

단추의 여러면에 테두리 색을 추가하는 CSS 클래스를 적용하는 단추 요소가 있습니다. 이 9IE 9 및 단추 요소 스타일 지정

HTML: 

<button class="hello-button">Hello, World</button> 

CSS: 
.hello-button {  
    border-width: 2px; 
    border-style: solid; 
    border-color: #eee #a9a9a9 #a9a9a9 #eee; 
}

이 알려진 문제이며 국경 스타일의 외에이 해결 방법 인 이전 IE 버전에서 일하지만 IE에서 : 처음; 다양한 조합을 시도했지만 버튼 요소의 테두리를 더 이상 스타일링 할 수없는 것처럼 보입니다.

편집 : 형식화하는

출처

2011-05-11 Thomas Andersen

응용 프로그램이 프레임 셋 (레거시 자료;)을 사용하고 있기 때문에 IE9가 일부 스타일을 올바르게 렌더링하지 못하는 것 같습니다. 프레임 셋 외부에서 문서를 열면 모든 것이 잘 동작합니다. 어떤 아이디어? –

또는 nope ... 버튼 테두리 색 설정이 IE 9에서 작동하지 않습니다. –

당신은 국경의 3을 지정하면, 그 테두리 IE9에서 렌더링됩니다. 당신이 4 국경을 지정하면 IE9은 국경

작품의 렌더링을 거부 :

.hello-button {  
    border-top: 2px solid #eee; 
    border-right: 2px solid #a9a9a9;  
    border-bottom: 2px solid #a9a9a9; 
}

가 작동하지 않습니다

.hello-button {  
    border-top: 2px solid #eee; 
    border-right: 2px solid #a9a9a9;  
    border-bottom: 2px solid #a9a9a9; 
    border-left: 2px solid #eee; 
}

을 유효한이 아니라면 (또는 적어도 spec'd)이 동작에 대한 이유는 나에게 버그처럼 보입니다 ...

출처

2011-05-11 20:12:21 Farray

매우 이상한 동작입니다. 이 문제를 해결하는 방법을 찾지 못했습니다. – outlookrperson