如何调整DropDown <select>框的宽度？</select>

Question

我需要在不使用css的情况下调整选择HTML框的宽度，有没有办法？我试过尺寸但是它调整高度，宽度什么都没做？还有另一种方式吗？

Answer 1

根据http://www.w3.org/TR/html401/interact/forms.html#h-17.6，无法在纯HTML中执行此操作。你可以使用样式元素设置它，虽然它有点没有css，因为它是内联的。

<select style="width: ....

Answer 2

<style type="text/css">     
    select {
        width:200px;
    }
</style>

这不起作用吗？

Answer 3

添加一个空的选项，其中包含足够的空格......

Answer 4

如果你使用jquery，          数学     物理     化学     

这是我选择的html代码。所以你必须添加另一个包含jquery类名的div，包括你的类名，并在你的类中应用高度和宽度。

<div class="ui-select selBox"> 
    <select>
    <option>Maths</option>
    <option>Physics</option>
    <option>Chemistry</option>
    </select>
</div>
.selBox{
 width: 470px !important;
 height: 40px !important;
}

这里selBox是我的类名，ui-select是jquery类名。

Answer 5

select
{
    width:  100%;
    height: 42px;
}

将此类添加到您的样式标签中。它工作正常。