IE选择框选项元素高度不起作用

时间:2014-01-29 09:56:25

标签: html css

选择项目选项列表未在IE中正确显示。

enter image description here

需要为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>

2 个答案:

答案 0 :(得分:2)

您应该以不同方式编辑此问题并添加浏览器版本。但毕竟让我给你一个解决方案。

问题在于,选择,选项,文件输入是由操作系统/浏览器呈现的,而不是由HTML本身呈现,因此在设计样式时会出现问题。

您可以通过javascript模拟并设置自己的下拉列表,以确保它在每个浏览器和操作系统中看起来都一样。基本上它会生成一些看起来像下拉列表的东西,但它只是代码中隐藏选择的接口。

您可以使用类似http://formalize.me/的内容来设置网页上所有表单元素的样式。

答案 1 :(得分:2)

除了抛弃选择元素

之外,没有解决方法