我有一个列表框,我想减少它的宽度。
下面是我的代码。
<select name="wgtmsr" id="wgtmsr" style="width: 50px;">
<option value="kg">Kg</option>
<option value="gm">Gm</option>
<option value="pound">Pound</option>
<option value="MetricTon">Metric ton</option>
<option value="litre">Litre</option>
<option value="ounce">Ounce</option>
</select>
这段代码在IE 6上有效,但在Mozilla Firefox(最新版本)上无效。谁能告诉我如何在Firefox上减少下拉列表的`宽度'?
试试这个代码。
<select name="wgtmsr" id="wgtmsr">
<option value="kg">Kg</option>
<option value="gm">Gm</option>
<option value="pound">Pound</option>
<option value="MetricTon">Metric ton</option>
<option value="litre">Litre</option>
<option value="ounce">Ounce</option>
</select>
CSS。
#wgtmsr{
width:150px;
}
如果你想改变选项的宽度,你可以在你的css中这样做。
#wgtmsr option{
width:150px;
}
也许你的css规则中存在冲突,覆盖了你的选择的宽度
[DEMO][1]
创建一个css并在css代码中设置style="width:50px;"
的值。在下拉列表中调用CSS的类。然后它就可以工作了。