将样式应用于选择框，为什么它不起作用？

我想把一个样式放到一个选择框中，我尝试了下面的代码，但问题是在标签选项中使用较少和升起的字母时，它不会更改宽度样式选择框，并且它是固定的。如何用'width =“auto”'来完成？将样式应用于选择框，为什么它不起作用？

<div class="select_box" style="margin: 10px 5px 0 5px;"> 
    <select name="type_star"> 
     <option disabled="disabled" value="">Select</option> 
     <option>Ttttttttttttttttttttt</option> 
     <option>Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</option> 
     <option>B</option> 
     <option>C</option> 
    </select> 
</div> 

.select_box { 
    overflow:hidden; 
    background:url(http://img4up.com/up2/17845058228414984898.png) no-repeat right #9ff; 
    height:24px; 
    font:13px Tahoma,Arial,Helvetica,Sans-serif; 
    color:#888888; 
    padding:0; 
} 
.select_box select { 
    background:transparent; 
    padding:0 0 0 0; 
    border:1px soild #666; 
    font-size:16px; 
    color:#888888; 
    height:26px; 
    -webkit-appearance:none; 
    outline: none; 
}

来源

2011-11-01 JimBo

您可以离开它没有设置明确的宽度，让浏览器自动处理的宽度。在这种情况下，浏览器将确定最长的选项并根据该选项设置选择元素的宽度。或者你可以设置它的宽度，如width=200px;，这将给出一个明确的宽度。

除非你想要写一些JavaScript来确定最长的选项，并动态地设置宽度，我不认为这是可能的（据我所知）

来源

2011-11-01 11:21:05 Chin

在我的代码如何解决这些？（请给我例如在我代码） – JimBo

看看here.http：//stackoverflow.com/questions/198670/jquery-select-box-and-loop-help – Chin

将样式应用于选择框，为什么它不起作用？

回答

相关问题