对比

当元素放置在彩色背景或图像上时,改善元素的外观。

用法

要应用此组件,只需将 .uk-contrast 类添加到容器或您想要调整颜色的元素。文本、按钮导航组件的导航侧边栏、子导航组件的子导航线和子导航药丸、图标表单组件的默认表单以及 列表组件的列表线将自动改变其外观。

当将内容放置在 区块组件中不同颜色的区块内或图像顶部时,这将非常方便。

示例

文本

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

表单

按钮

图标

子导航

标记

<div class="uk-contrast">...</div>