css中指定下拉列表在firefox中的宽度两种写法
发布时间:2016-12-27 来源:查字典编辑
摘要:在firefox火狐浏览器中如何指定下拉列表的宽度,本文提供两种不同的写法,需要了解的朋友可以参考下在IE下,我们只要指定select的宽度...
在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>