html - 使用 ie7 将边框应用于组合框时出现问题

Question

CSS:

.combobox{
    color: black;
    border-width: 1px;
    border-color: #DB6E6E;
}

html:

<select class = "combobox">
   <option>1</option>
   <option>2</option>
   <option>3</option>
</select>

“组合框”属性适用于所有浏览器，除了 ie7(边框不是红色)。我试图将此组合添加到我赋予类属性的 div，但没有任何变化。我该如何解决？

Answer 1

您没有添加边框样式:

.combobox{
    color: black;
    border-width: 1px;
    border-color: #DB6E6E;
    border-style: solid;/*must be added to make it work*/
}

在更短的形式中，您可以使用 border 属性:

.combobox{
    color: black;
    border: 1px solid #DB6E6E;
}

---

此外，在您的 html 中，不要将类属性与其值分开:

<select class = "combobox">
<!----------^^ ^^ ------use class="combobox" ----->