选择项目选项列表未在IE中正确显示。
需要为option元素添加填充和高度。有谁知道如何解决这个问题?
CSS
.reser_item_long select {
width: 106%;
width: 106.5%\9;
height: 33px;
*height: 33px;
float: left;
text-align: left;
border: none;
outline: none;
background: none;
cursor: pointer;
overflow: hidden;
text-transform: uppercase;
font-size: 10px;
color: #889099;
color: #889099\9 !important;
padding: 9px 0 0 7px;
padding: 0 0 0 7px\9 ;
padding: 0 0 0 7px\0/;
display:block;
(-bracket-:hack;
padding: 2px 0 0 7px ;
);
}
HTML
<div class="reser_item_long">
<div class="select-wrapper">
<select id="cmb-country" name="cmb-country">
<option value="-1">Please Select a Country</option>
<option value="0">Afghanistan</option>
<option value="0">Åland Islands</option>
<option value="0">Albania</option>
<option value="0">Algeria</option>
</select>
</div>
</div>
答案 0 :(得分:2)
您应该以不同方式编辑此问题并添加浏览器版本。但毕竟让我给你一个解决方案。
问题在于,选择,选项,文件输入是由操作系统/浏览器呈现的,而不是由HTML本身呈现,因此在设计样式时会出现问题。
您可以通过javascript模拟并设置自己的下拉列表,以确保它在每个浏览器和操作系统中看起来都一样。基本上它会生成一些看起来像下拉列表的东西,但它只是代码中隐藏选择的接口。
您可以使用类似http://formalize.me/的内容来设置网页上所有表单元素的样式。
答案 1 :(得分:2)
除了抛弃选择元素
之外,没有解决方法