Question

我真的很生气，为IE7中的元素渲染了默认边框。即使将浏览器属性设置为无或0 甚至在使用if else编写条件css后，IE7还有另一个样式表（非ie）处于活动状态。为什么？我的条件css看起来像

<html>
  <head>
        <!--[if  IE 7]><!-->        
            <link href="CSS/ie7stylesheet.css" rel="stylesheet" type="text/css" media="screen"/>
        <!--<![endif]-->
        <!--[if  !IE]><!-->        
            <link href="CSS/ie7stylesheet.css" rel="stylesheet" type="text/css" media="screen"/>
        <!--<![endif]-->
  </head>
</html>

我的风格看起来像这样 css代码

html>body
{
    *margin: 0;
    *padding: 0;
    *-webkit-border: 0\;
    *font-size: 100%;
    *font: inherit;
    *font-family: 'arial' sans-serif;
    *vertical-align: baseline;
    *border: none;
}

甚至字体（arial sans-serif）也没有被渲染。善意的帮助感谢

Answer 1

您使用的是我不熟悉的高级/异常css语法，或者您的css代码无效。要定位正文中的所有元素，请使用：

html > body * {
    margin: 0; /* Or whatever attr/vals you desire */
}

并且不要像使用那样在属性名称旁边使用星号。

IE只倾向于在图像和链接上放置边框，因此这可能是出于您的目的的选择器，属性和值的更好组合：

a,
a:active,
a:selected,
a:visited,
img { 
    border: none;
    outline: none; /* Removes dotted border that appears when item is selected */
}

在IE7中禁用默认边框

1 个答案: