使用ie7将边框应用于组合框时发出问题

时间:2015-01-21 15:07:40

标签: html css

的CSS:

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

HTML:

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

&#34;组合框&#34;所有浏览器都可以使用属性,除了ie7(border isn&#39; t red)。我试图将这个组合添加到一个div,我给了类属性,但没有任何改变。 我该如何解决?

1 个答案:

答案 0 :(得分:2)

您没有添加border-style:

.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中,不要将class属性和它的值分开:

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