我有一个列表框,我想减小它的宽度。
这是我的代码:
<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(最新版本)。谁能告诉我如何减少width
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 http://jsfiddle.net/B3uSD/2/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)