html - <select>高度在IE7/8中不会扩展到100％

我需要我的网站能够支持IE7 / 8，并且在设置输入高度时遇到问题。

在IE9中，输入内容延伸到父母身高的100％，但在IE8 / 7中，我尝试了一切都在没有运气的情况下扩大输入内容的高度。

HTML：

<div class="element">
    <select name="searchType" class="select">
        <option value="title">Title</option>
        <option value="author">Author</option>
        <option value="isbn">ISBN</option>
    </select>
</div>

CSS：

div.element {
    width:100%;
    height:30px;
    border:1px solid #000;
    overflow:hidden;
    float:left;
}
div.element select {
    width:100%;
    height:100%;
    border:none;
    padding:2px;
}
div.element input[type=text] {
    width:100%;
    height:20px;
    border:none;
    padding:5px;
}

jsFiddle：
http://jsfiddle.net/GvX5x/1/

IE7的外观如下：



IE9的外观如下：

最佳答案

所有浏览器都有自己的显示输入，选择元素等的方式。
我可以建议您看看Chosen jQuery插件，它会更改select标签的外观吗？
通过这种方式（例如，如果您有一个自定义选择），您将确保在所有浏览器和版本上它看起来都完全一样。

关于html - <select>高度在IE7/8中不会扩展到100％，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17913688/