选择菜单上的IE8和边框css属性

试着把这个放在你的头上:

<meta http-equiv="X-UA-Compatible" content="IE=edge" >

http://msdn.microsoft.com/en-us/library/cc288325%28VS.85%29.aspx

这可能会解决问题:

 <style type="text/css">
      .iWantaBorder
      { 
        border:solid 1px red;
        display:inline-block; /*this should fix the bottom and right border*/
      }
</style>

编辑:

如果您使用的是IE8标准/兼容模式,那么它在IE7标准/QuirksMode上工作,但在IE7标准/QuirksMode上不工作,不知道为什么它在IE7标准/QuirksMode上不工作。

无论如何,另一种解决方法是用另一个内联元素包装select元素,并将边框放在包装器元素上。

<span class="iWantBorder">
   <select>
      <option>Sample Option</option>
   </select>
</span>

试试这个:

border: 1px solid red;

border shorthand syntax 应该是重量、款式、颜色。您的顺序似乎有误。

如果希望开发自定义选择框以在所有浏览器中一致显示,则由于表单控件的缘故,边框不会显示在IE8中。

怪癖模式只是文档类型声明,如果在文档类型中使用strict.dtd,它将始终以标准模式呈现。

表单控件(单选按钮、复选框、选择框和下拉列表)始终根据操作系统和浏览器进行渲染,除非开发自定义控件。