在firefox火狐瀏覽器中如何指定下拉列表的寬度，本文提供兩種不同的寫法，需要了解的朋友可以參考下

在IE下,我們只要指定select的寬度即可.如:

復制代碼代碼如下:
<select name=”ddlDept” id=”ddlDept” style=”width:80px;”>
<option>上海 – 物業(yè)資訊部</option>
<option>北京 – 物業(yè)資訊部</option>
<option>重慶 – 物業(yè)資訊部</option>
<option>深圳資訊科技部</option>
<option>電腦部</option>
</select>

其實在firefox下面也很簡單,使用如下方法即可.

復制代碼代碼如下:
<select name=”ddlDept” id=”ddlDept” style=”width:80px;overflow-x:hidden;”>
<option style=”width:80px;overflow-x:hidden;”>上海 – 物業(yè)資訊部</option>
<option style=”width:80px;overflow-x:hidden;”>北京 – 物業(yè)資訊部</option>
<option style=”width:80px;overflow-x:hidden;”>重慶 – 物業(yè)資訊部</option>
<option style=”width:80px;overflow-x:hidden;”>深圳資訊科技部</option>
<option style=”width:80px;overflow-x:hidden;”>電腦部</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>上海 – 物業(yè)資訊部</option>
<option>北京 – 物業(yè)資訊部</option>
<option>重慶 – 物業(yè)資訊部</option>
<option>深圳資訊科技部</option>
<option>電腦部</option>
</select>