如何获得彩色输入标签？

【问题标题】：How can I get colorful input tags?如何获得彩色输入标签？
【发布时间】：2018-07-29 18:46:14
【问题描述】：

我正在做我的练习项目，想要得到这样一个令人瞠目结舌的彩色标签。有人可以解释一下我怎样才能得到它们，使用哪个 libaray！

【问题讨论】：

几个padding、border-radius和background-color，超级简单的CSS，不需要框架。
我不想单独输入背景颜色！
每个标签都应该通过迭代获得背景色。
您可以在 CSS 中预定义背景颜色，然后在构建它们的逻辑中将类名动态添加到标签中。
哦，谢谢@ConsoleLog 它做了一些场景。 :)

【解决方案1】：

正如 Jordi 所解释的，使用一些非常基本的 css 非常容易。

.label{padding: 5px 10px; color: #fff;}
.red{background-color: #da4453}
.blue{background-color: #3bafda;}

<span class="label red">red label</span>
<span class="label blue">blue label</span>

如果你想使用预定义的东西，Bootstrap、Foundation 和其他几个框架都在那里，但如果你只想完成这个，那就太矫枉过正了。

Bootflat 有一个很好的配色方案 - http://bootflat.github.io/documentation.html

【讨论】：

Bootflat 是否能够通过迭代为它们赋予背景颜色！
Bootflat 只是一个框架，它不会通过迭代给你的颜色。您可以在逻辑中实现迭代，无论是角度语言还是后端语言，但预定义的颜色类可以保留在 css 中，如果有意义的话？