对比度/Contrast
最后更新于：2022-04-01 22:22:25
# 对比度/Contrast
当元素被放置在有色背景或图片上时，使用对比度组件增强元素的外观。
## 用法
要使用这个组件的话，只需要为容器或者你想要调整其色彩的元素添加 `.uk-contrast` 类。文本，[按钮](button.html)，[Nav component](nav.html#style-modifiers) 中的侧边导航（Nav Side）， [子导航组件](subnav.html#modifiers)的分隔线和胶囊效果，[图标](icon.html)，[表单组件](form.html)中的默认表单，以及[列表组件](list.html#modifiers)中的列表线都会自动改变它们的外观。
当内容被放置在[块组件](block.html)中或者放置在图片上时，对比度组件将带来很大的方便。
### Example
### Markup
```
';
...
```