Question

我正在将css样式应用于选择下拉列表并输入文本框。

该样式似乎适用于IE7和Firefox，但不适用于IE8。

css是：

input.text, input.file, textarea.textarea, select.select 
{
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    color:#333;
    margin:0;
    padding:4px;
}

input.text, textarea.textarea, select.select{
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
}

该样式似乎适用于文本框但不能选择/

有关为什么会在IE8中发生这种情况的任何想法？

                                    <label class="desc" >
                                        First name</label>
                                    <input type="text" name="nuFirstname" id="nuFirstname" class="text pop" value="" /></li>
                                <li>
                                    <label class="desc" >
                                        Surname</label>
                                    <input type="text" name="nuSurname" id="nuSurname" class="text pop" value="" /></li>
                                <li>
                                    <label class="desc" >
                                        Colour</label>
                                    <select class="select pop" id="nuDept" name="nuDept">
                                        <option value="-" selected="selected">-</option>
                                        <option value="2">Green</option>
                                        <option value="3">White</option>
                                        <option value="4">Orange</option>

                                    </select></li>

Answer 1

如果您希望您的选择框看起来是相同的跨浏览器，我建议使用jQuery插件（something like this）来执行此操作。不幸的是，如果您尝试使用CSS控制它们，那么您将永远不会在选择框中获得一致的结果。这只是网络的方式......现在。

Answer 2

你可能想看一下，

http://www.evotech.net/blog/2009/03/ie8-css-support/ link text

Answer 3

好像有人遇到了同样的问题。

IE8 and border css property on select menus

解决方案似乎是将这一行放在标题中：

IE8究竟发生了什么？

Answer 4

阅读此内容并检查您所在的IE模式，看看它是如何解释代码的。我不相信这适用于较新版本的IE（即可能> = 9ish）

http://www.quirksmode.org/css/quirksmode.html

IE8 CSS不同于IE7＆amp;火狐

4 个答案: