css中指定下拉式清單在firefox中的寬度

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

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