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;
}