在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>