1

我有一个下拉菜单

<select name="cmb" class="txtRed" id="cmb1">
  options
</select>

在 style.css 我有类 txtRed 作为

.txtRed {
border-bottom : red 2px solid;
border-top : red 2px solid;
border-left : red 2px solid;
border-right : red 2px solid;
}

它适用于Mozilla Firefox和Google Chrome。它只有 IE 8 有问题。什么是解决方案？我可以使用任何其他附加属性或技巧吗？

输出应如下图所示

在此处输入图像描述

我尝试了以下虚拟代码，它也不适用于 IE8，我检查了兼容性模式，它仅适用于 IE 8

<html>
    <head>
        <style type="text/css">
            .txtRed {
                border-bottom : red 2px solid;
                border-top : red 2px solid;
                border-left : red 2px solid;
                border-right : red 2px solid;
            }
        </style>
    </head>
    <body>

        <select name="cmb" class="txtRed" id="cmb1" style="border-bottom:red 2px solid;">
            <option> Option 1 </option>
            <option> Option 2 </option>
        </select>

    </body>
</html>
4

4 回答 4

1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

将此添加到您的代码中

于 2012-11-28T09:05:15.263 回答
1

我创建了一个小提琴来证明它也适用于 IE 8。看到这个——

<select name="cmb" class="txtRed" id="cmb1">

</select>​

css-

.txtRed {
border-bottom : red 2px solid;
border-top : red 2px solid;
border-left : red 2px solid;
border-right : red 2px solid;
}​

演示- 在 IE8 中看到这个，它运行良好。

问题 -我怀疑您的浏览器是否以兼容模式呈现，因此呈现为 IE7 会导致问题

于 2012-11-29T07:08:48.583 回答
0

使用 a<div>将<select>标签括起来。.txtRed改为申请div。

<div class="txtRed">
<select name="cmb" id="cmb1">
  // options go here
</select>
</div>
于 2012-11-28T08:59:26.737 回答
0

对我来说，问题是浏览器的文档模式（IE9 设置为 IE7 标准）

于 2013-04-16T18:55:06.840 回答