css - CSS：纯表单 css 没有在按钮中添加颜色

Question

这就是我想要实现的

http://purecss.io/forms/

这是我尝试过的

http://plnkr.co/edit/B2lPwBgY61fSzg4nbaeD?p=preview

问题？

按钮颜色未显示

有什么我想念的吗？

谢谢

Answer 1

您在第一个链接中显示的按钮颜色来自.notice班级。但是在您创建的示例中没有任何.notice类，因此只需将其添加到您的 css 并使用它。

.notice {
background-color: #61B842;
color: white;
}

Answer 2

Pure CSS 站点具有.notice该类的样式，而您链接的 Pure CSS 文件没有此类样式。只需添加.notice { background-color: rgb(97, 184, 66);}到您的样式表。

Answer 3

你没有遗漏任何东西，rgb(230, 230, 230)或者#E6E6E6是''.pure-button'的默认背景颜色。只需在您自己的 css 文件中覆盖它，例如

.pure-button {
    background-color: green;
}