继续 IE8 -> IE11

Question

我必须修改应用程序才能在 IE11 上工作。现在我发现组合框看起来很奇怪

我不知道如何修复它们。

组合框代码：

<select name="Trimestre">
    <option value="Q1">Q1
    <option value="Q2">Q2
    <option value="Q3">Q3
    <option value="Q4">Q4
</select>

SELECT {
    z-index:1
    font-family: Arial, verdana; 
    font-size:8pt;
    color:#0060A0; 
    background-color:#C2EFFF; 
    text-decoration: none;
    border-bottom: groove #C2EFFF 10px; 
    border-right: groove #C2EFFF 2px;
    border-left: ridge #FEFEFE 2px; 
    padding-right:2px; 
    padding-left:2px; 
    padding-bottom:20px;
}

Answer 1

SELECT {
    padding-bottom: 6px;
}

尝试减少底部填充的像素。下拉列表是否提供项目列表？

Answer 2

这是问题所在：

padding-bottom: 20px;

只需更改或删除它。

你有这个：

border-bottom: 10px groove #c2efff;

减少或删除它。

继续 IE8 -> IE11

Continuing IE8 -> IE11

html

css

internet-explorer-8

internet-explorer-11