CSS 应该覆盖默认浏览器样式吗?

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

CSS 覆盖可以改变几乎任何内容的默认外观

  • 您可以使用 CSS 来 覆盖复选框或单选按钮 的外观,但如果您不这样做,复选框将看起来像您操作系统上的默认复选框,有些人会说这对于可访问性和可用性是最好的。
  • 您可以使用 CSS 来 覆盖下拉菜单 的外观,但如果您不这样做,下拉菜单将看起来像您操作系统上的默认下拉菜单,有些人会说这对于可访问性和可用性是最好的。
  • 您可以 覆盖锚链接的外观,但有些人会说它们应该是蓝色的带有下划线,因为那是默认的,对于可访问性和可用性是最好的。
  • 您可以 覆盖滚动条的外观,但如果您不这样做,滚动条将看起来(并且行为)与您操作系统上的默认滚动条相同,有些人会说这对于可访问性和可用性是最好的。

它不断重复...

您在哪里划清界限?

根据我的经验,每个人都有不同的界限。 几乎每个人都为他们的按钮设置样式。 几乎每个人都为他们的链接设置样式,但有些人可能只自定义蓝色色调并保留下划线,在更精细的更改处划清界限。 为复选框、单选按钮和下拉菜单等表单元素设置样式相当流行,但有些人在此之前划清界限。

有些人划清界限说您不应该更改默认光标,有些人将此界限推回到为创建的交互元素将光标更改为指针,有些人将此界限推得更远,他们可以接受自定义图像作为光标。 有些人在滚动条上划清界限,说它们不应该被自定义,而有些人则实现了复杂的样式。

CSS 是一种用于更改网站设计的语言。 您编写的每个规则集都可能更改某些内容的默认值。 这些界限比较模糊,但我认为 CSS 中没有什么东西应该被完全禁止使用——它更多的是关于您所做的样式选择。 因此,当您选择对某些东西进行样式设置时,它仍然可用且可访问。 实际上,background-color 可以被滥用,导致网站上的区域不可访问且不可用,但没有人会对此大动干戈。