在firefox火狐浏览器中如何指定下拉列表的宽度，本文提供两种不同的写法，需要了解的朋友可以参考下
在IE下,我们只要指定select的宽度即可.如:
<select name="ddlDept" id="ddlDept">
<option>上海 - 物业资讯部</option>
<option>北京 - 物业资讯部</option>
<option>重庆 - 物业资讯部</option>
<option>深圳资讯科技部</option>
<option>电脑部</option>
</select>
其实在firefox下面也很简单,使用如下方法即可.
<select name="ddlDept" id="ddlDept">
<option>上海 - 物业资讯部</option>
<option>北京 - 物业资讯部</option>
<option>重庆 - 物业资讯部</option>
<option>深圳资讯科技部</option>
<option>电脑部</option>
</select>
可以简写为如下:
<style type="text/css">
#ddlDept{width:80px;overflow-x:hidden;}
#ddlDept option{width:80px;overflow-x:hidden;}
</style>
<select name="ddlDept" id="ddlDept">
<option>上海 - 物业资讯部</option>
<option>北京 - 物业资讯部</option>
<option>重庆 - 物业资讯部</option>
<option>深圳资讯科技部</option>
<option>电脑部</option>
</select>
【css中指定下拉列表在firefox中的宽度两种写法】相关文章：
★ DIV背景图片在Firefox下不显示通过overflow:auto可解决
★ IE7.0以下版本列表li中的元素错位一个上一个下的解决方法
★ firefox中div+css的外层背景色不见的解决方法