Question

看起来我在IE 8中遇到了css问题。下面的代码在FF上运行没有问题。但是，似乎在IE 8中，css样式不适用于select元素。你知道在IE 8中会出现什么问题吗？我希望它与两种浏览器兼容。

以下是代码：

<html>
<body>
   <style type="text/css">
   .highlight{
      border-style: solid;
      border-width: 2px;
      border-color: #FF0000;
   }
   </style>
   <table>
      <tr>
         <td>
            <select class="highlight" >
            <option></option>
            <option value="125" >Test1 - Test2</option>
            </select>
         </td>
      </tr>
   </table>
</body>
</html>

Answer 1

您应该使用 doctype 作为HTML。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
....

然后按预期工作。

Answer 2

问题是改变ie中元素的边框颜色。

阅读此答案以获得解决方案：

Change border color on <select> HTML form

Answer 3

<select>元素无法在所有浏览器中可靠地设置样式。

IE 8选择类问题

3 个答案: