如何禁用元素的默认浏览器样式属性？

Question

由于浏览器的样式属性，我创建的页面上的表单和链接设计存在问题。如何禁用它，以便我的html页面中没有元素受到浏览器默认样式属性的影响？

欢迎所有解决方案。 我正在使用php进行开发，因此所有具有css、javascript、php等方案均可接受。

- AeJey

---

CSS重置（CSS reset）是指一种预设的CSS代码集合，用于将不同浏览器对HTML元素的默认样式进行统一化。CSS重置旨在减少跨浏览器开发中出现的兼容性问题，并提供一个更可预测和一致的基础样式，使得网页设计师可以更轻松地开发自己的自定义样式。在使用CSS重置时需要注意，它会完全覆盖默认样式，因此可能需要重新设置许多元素的样式。 - link

有没有一行代码/语句可以禁用整个浏览器默认样式？ - AeJey

这里有: <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css"> - Prasanth

如果还有其他的东西，那么所有这些CSS重置样式表可能就不存在了 :) - link

@collapsar 这些更改只会影响到您的浏览器，您无法通过JS更改文件。 - Pablo Lozano

Answer 1

您可以在想要覆盖默认样式属性的css后面加上!important，也许这可以解决您的问题？

- jordy korsten

---

我知道那个。那不是我在问的。我想通过在页面上插入一些代码来禁用浏览器（Firefox、Chrome等）的所有默认样式设置。 - AeJey

抱歉，如果这是你的问题，我无法帮助你。 - jordy korsten

没关系，伙计。我正在寻找的是“有可用于禁用浏览器缓存的 PHP 代码。我们能否使用某些代码也禁用样式属性？” - AeJey

Answer 2

所有元素都必须有默认样式，因此您不能仅禁用它们。

处理此问题的通常方法是在基本CSS文件中添加所需的默认值，覆盖浏览器的默认值。

正如@link所评论的那样，http://www.cssreset.com/提供了几种默认样式可作为页面基础应用。

- Pablo Lozano

---

有可用于禁用浏览器缓存的 PHP 代码。我们能否使用某些代码也禁用样式属性？ - AeJey

不，禁用缓存与此无关：您可以告诉浏览器不要缓存您的数据，强制它每次请求页面时都下载所有内容，但默认样式是由浏览器本身提供的。 - Pablo Lozano

Answer 3

请使用 normalize.css ：

http://necolas.github.io/normalize.css/

它会帮助你。

- LogPi

Answer 4

你需要覆盖浏览器的默认样式表。你可以用很多方式来做到这一点-

• 手动定义每个元素的样式
• 使用任何 reset.css（你可以找到很多）
• 使用一个基本的html起始模板，它包含你需要的所有东西。你可以在这里找到一个，它有很多选择。

希望你会喜欢它 :-)

- abir_maiti

---

有一些PHP代码可以用来禁用浏览器缓存。我们能否使用一些代码来禁用样式属性呢？ - AeJey

可能有一些代码，但我不知道。我更喜欢Initilizr。它提供了一些非常好的资源来开始工作。 - abir_maiti

Answer 5

您无法禁用浏览器默认样式表，只能通过设置属性值来覆盖它们。这两个概念很容易混淆。

这是浏览器厂商的决定。他们可以让页面（或页面上的脚本）访问浏览器的样式表，并允许禁用其中的一部分或全部。但是他们没有这样做。

- Jukka K. Korpela