css中指定下拉列表在firefox中的宽度两种写法
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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类