龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css中指定下拉列表在firefox中的宽度

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
css中指定下拉列表在firefox中的宽度 有需要的朋友可参考参考。 在IE下,我们只要指定select的宽度即可.如: 代码如下 select name=ddlDept id=ddlDept style=width:80px; option上海 - 物业资讯部/option opt
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>


精彩图集

赞助商链接