css中特定往下拉目录在firefox中的宽度两种写法

日期:2020-09-24 类型:科技新闻 

关键词:微信小程序页面设计,python小程序,小程序首页模板,如何建立微信小程序,怎么做微信小程序

在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>