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
到所有元素。 - 重置所有元素的
padding
和margin
。 - 在所有元素和为元素中指定
background-repeat: no-repeat
。 - 继承
text-decoration
和vertical-align
到::before
和::after
。 - 在所有的浏览器中移除悬停时的
outline
。 - 指定 code 元素的字体为
font-family: monospace
。 - 重置 input 元素的
border-radius
。 - 指定表单元素的字体继承。
- 移除所有浏览器中的默认按钮样式。
- 指定文本区域的大小调整为垂直。
- 应用
cursor: pointer
到按钮元素。 - 在
html
中应用tab-size: 4
。 - 像标准 input 一样的
select
样式。 - 由 aria 属性设置
cursor
样式。 - 隐藏屏幕上的内容,但不隐藏屏幕阅读器。
有关所有已应用样式的完整列表,请参阅ress css 样式表.