标签
最后更新于:2022-04-01 01:24:10
提供了几个默认色值的小标签效果,用户可以根据自己的需要来对颜色进行自由配置。`.aui-label`来定义标签,`.aui-label-*`为样式。默认的样式有以下:
~~~
.aui-label-default {background-color: #ecf0f1;color: #8f8f94;}
.aui-label-primary {background-color: #1abc9c;}
.aui-label-success {background-color: #2ecc71;}
.aui-label-info {background-color: #3498db;}
.aui-label-warning {background-color: #f1c40f;}
.aui-label-danger {background-color: #e74c3c;}
.aui-label-blue {background-color: #a1d4cf;}
.aui-label-pink {background-color: #fbb8af;}
~~~
* * * * *
`<span class="aui-label aui-label-primary"></span>`
自定义标签样式方法:
~~~
<style>
.orange { background-color:#ff9900; color:#ffffff}
</style>
<span class="aui-label orange">...</span>
~~~