Skip to content

CSS 重置

Vuetify 项目的基础风格。

引导

ress 是一个现代的 CSS 重置,它为样式表应用了一个坚实的基础。它是建立在normalize.css之上的 并且增加了新的特性,例如为<code>元素指定font-family: monospace,当鼠标悬停时从元素中移除所有outlines等等。更多信息可以在 ress GitHub 存储库ress GitHub repository中找到。

WARNING

Vuetify 样式重置是全局应用的,并影响默认元素,如button and input。这也包括位于v-app之外的任何内容 组件

它可以用sass variables禁用 通过设置$reset: false,但是你可能需要手动重置一些组件的样式才能正确显示。

重置特性

下面是 ress 在默认normalize.css 功能的情况下附加提供的 features(功能) 列表

  • 应用 box-sizing: border-box 到所有元素。
  • 重置所有元素的 paddingmargin
  • 在所有元素和为元素中指定 background-repeat: no-repeat
  • 继承 text-decorationvertical-align::before::after
  • 在所有的浏览器中移除悬停时的 outline
  • 指定 code 元素的字体为 font-family: monospace
  • 重置 input 元素的 border-radius
  • 指定表单元素的字体继承。
  • 移除所有浏览器中的默认按钮样式。
  • 指定文本区域的大小调整为垂直。
  • 应用 cursor: pointer 到按钮元素。
  • html 中应用 tab-size: 4
  • 像标准 input 一样的 select 样式。
  • 由 aria 属性设置 cursor 样式。
  • 隐藏屏幕上的内容,但不隐藏屏幕阅读器。

有关所有已应用样式的完整列表,请参阅ress css 样式表.