인터넷 익스플로러에서 선택 옵션이 표시되지 않음

다음 선택 옵션은 Firefox/Chrome에는 좋지만 Internet Explorer 8에는 표시되지 않습니다. 도와주세요.인터넷 익스플로러에서 선택 옵션이 표시되지 않음

<select id = "vehicle" name = "vehicle" class = "vehicleSelect"> 
<option value = "-1" selected>&nbsp;</option> 
<option value = "15">Car</option> 
<option value = "16">Bike</option> 
<option value = "17">Train</option> 
</select>

CSS :

.vehicleSelect 
{ 
    width: 100%; 
    height: 100%; 
    font: 10px/1.45em "Lucida Grande",Verdana,Arial,Helvetica,sans-serif; 
    padding: 3; 
    border: 0; 
}

출처

2013-08-07 Dinesh

, 당신의 패딩 단위를 가지고 있는지 확인하십시오. 3은 의미가 없습니다. – j08691

Internet Explorer의 버전은 무엇입니까? –

제 물리 교사가 말할 것입니다 : 3 뭐? 초당 3 개의 수박? 나무 당 앵무새 3 마리? 유니! 유니! –

당신은 선택 상자의 표준 국경을 제거하고, 그래서 자연스럽게 다양한 브라우저에서 이상하게 보일 것입니다. height: 100% 및 border:0을 삭제하십시오.

또한 HTML 태그 속성에 간격을 추가하지 마십시오. 브라우저에 따라 여러 가지 문제가 발생할 수 있으며 이는 단지 좋은 습관 일뿐입니다.

<select id = "vehicle" name = "vehicle" class = "vehicleSelect">

은 다음과 같아야합니다

보조 노트에

<select id="vehicle" name="vehicle" class="vehicleSelect">

출처

2013-08-07 19:24:42

공백을 제거하고 패딩에 단위를 추가했습니다. 내가 수정 한 CSS에도 또 다른 문제가있었습니다. 자, IE에서도 괜찮아요. 모두에게 감사드립니다! – Dinesh

인터넷 익스플로러에서 선택 옵션이 표시되지 않음

답변

관련 문제