手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css中指定下拉列表在firefox中的宽度两种写法
css中指定下拉列表在firefox中的宽度两种写法
摘要:在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>

【css中指定下拉列表在firefox中的宽度两种写法】相关文章:

CSS中文字体对应的英文写法

css中换行的几种常用方式整理

firefox中div+css的外层背景色不见的解决方法

三列宽度自适应结构中的的DIV写法

css控制div不能居中的解决办法

firefox和谷歌不显示body背景图片的解决方法

IE6下图片下方有空间距的多种解决方法

css3中flexbox伸缩盒深入理解

Td或Div文字超出宽度的CSS隐藏方法

CSS强制换行对齐的实现方法

精品推荐
分类导航