css - 如何防止浏览器使用默认样式

Question

所有浏览器都将自己的默认样式应用于 html 元素。这导致在不同浏览器上的视图不同。有没有办法阻止浏览器这样做？

score 3 · Accepted Answer

是的，您可以，您需要使用CSS Reset，这将概括样式，换句话说，它将重置跨浏览器的样式。

我个人不使用这些，而是使用下面的代码片段，这对我来说已经足够了。

* {
   margin: 0;
   padding: 0;
   outline: 0;
}

如果您想稳定更多元素，您可以自己制作，就像您可以在用户悬停您网站上的任何按钮或链接时使用下面的指针光标。是的，现在这是非常基本的用户体验，而不是您可以使用

button, a, input[type=button], input[type=submit] {
   cursor: pointer;
}

或者说不要在链接下划线并继承父颜色，所以我使用

a {
   text-decoration: none;
   color: inherit;
}

这样你可以自己做，我更喜欢这种方式。

只是一个旁注，当我响应时，我将*片段更改为

* {
   margin: 0;
   padding: 0;
   outline: 0;   
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

注意：使用重置样式表不会重置任何继承，它只会重置浏览器默认值（这不会帮助您始终创建跨浏览器网站），但会防止加载跨浏览器问题，例如padding, margin, line-height, 基本字体等。

score 1 · Accepted Answer

1

您可能想查看Normalize.css。它被大量框架和其他重置样板使用。

于 2013-10-04T18:28:48.717 回答

score 0 · Accepted Answer

你可以去reset.css。这应该是第一个应用于重置任何浏览器特定样式的样式.. http://developer.yahoo.com/yui/reset/

3 回答 3