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"> |
您可能感兴趣的文章:
CSS基本布局16例
css中指定下拉列表在firefox中的宽度
CSS3 column-width 属性
CSS3 等宽字体与ch单位的详解
修饰之美:CSS在表格边框上的美学应用
css控制table表格宽度的小技巧教程
CSS3 多列
详解CSS3 object-position/object-fit属性实例
CSS3 transition-property 属性
利用jQuery实现可输入搜索文字的下拉框