다른 태그보다 select에 CSS의 너비가 더 짧습니다.

width: 90%을 여러 요소에 적용하는 동안 select이 다른 요소보다 더 짧게 렌더링됩니다.다른 태그보다 select에 CSS의 너비가 더 짧습니다.

이 jsfiddle은 동작을 보여줍니다.

Opera, IE9, Safari, Firefox 및 Chrome에서 확인했습니다. 모두 같은 행동을 보여줍니다. 그래서 그것은 버그보다 다소 이상한 사양으로 보인다.

누군가 내 관찰을 상세하게 설명 할 수 있습니까?

모든 브라우저는 UI 요소에 특정 (및 다른) 스타일 설정을 적용 할 수 있습니다. 브라우저 특정 스타일을 없애려면 box-sizing 속성을 설정하십시오. MDN

에

.width { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

답변