선택 태그의 너비가 맞지 않습니다.

Question

마감하십시오. Heres는

select { 
width: 500px; 
} 

간단한 JsFiddle하여 저 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

Answer 1

서지 미세한 그것의 일 : https://jsfiddle.net/un67fLxa/

Answer 2

당신의 마크 업에 오류가 있습니까? 선택 태그의 width이 작동해야합니다. width을 다른 규칙으로 덮어 쓰면 브라우저 개발자 도구를 사용할 수 있습니다. 이 경우 !important을 사용할 수는 있지만 권장하지는 않습니다.

.first { 
 
    width: 100px; 
 
} 
 
.second { 
 
    width: 200px; 
 
}

<select class="first"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select> 
 

 
<select class="second"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select>

는 선택 태그를 스타일링에 대한 자세한 내용은 this question를 참조하십시오.

Answer 3

https://jsfiddle.net/ewa59apq/

<select id="test"> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 

CSS

select { 
    width: 50px; 
    background: red; 
} 

확인 JS

var testing = document.getElementById('test'); 

alert(window.getComputedStyle(testing).getPropertyValue('width')); 

Answer 4

를 통해 폭 무엇 그것은 Fiddle .Try주는 완벽 chcek 작동하는지! 중요합니다.

.pleasekillme { 
    width: 50px !important; 
}