继续IE8 - ＆gt; 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

var newInv = [
    [2, "Hair Pin"],
    [3, "Half-Eaten Apple"],
    [67, "Bowling Ball"],
    [7, "Toothpaste"]
];

newInv.sort((a, b) => a[1].localeCompare(b[1]));

console.log(newInv);

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

Answer 2

这是问题所在：

padding-bottom: 20px;

只需更改或删除它。

你有这个：

border-bottom: 10px groove #c2efff;

缩小或删除它。