ボタンの色を変えられないようです。

Question

私のカートのページで「チェックアウト」ボタンの色をオレンジ色に変更したいと思います。

私は、次の試してみました：

<button type="submit" style="width: 100%" name="checkout" class="btn" 
style="background-color:#FFA500">{{ 'cart.general.checkout' | t }}</button> 

しかし、色は（私のウェブサイトのoveralカラーテーマである）青のまま。

上記のHTMLコードでエラーが表示されるのは誰ですか、または上記のカラーコードがオーバーライドされている理由を知りませんか？

私は上記のコードを使用して自分のウェブサイトの他のページにある他のボタンを変更することができました。

多くのありがとうございます。

ベストregads、

Answer 1

あなたは

<button type="submit" style="width: 100%; background-color:#FFA500" 
     name="checkout" class="btn">{{ 'cart.general.checkout' | t }} 
</button> 

Answer 2

をしたいとあなたは、いくつかの中ですべてのスタイルを置くべきではありません一度だけあなたのhtmlでstyle属性を定義し、そのstyle属性にできるだけ多くCSSプロパティを追加することができます属性。もちろん

style="width: 100%; background-color:#FFA500" 

は（htmlタグ内）インラインそれを行うにはお勧めしませんが、独特の（IDにCSSプロパティを割り当てるには：;「」 で区切られた1つのスタイルタグに要素のすべてのCSSプロパティを入れて）またはクラス（headタグ内に含まれるべきで.cssファイル内の要素）の同じタイプ HTML：

<button type="submit" style="width: 100%;background-color:#FFA500" name="checkout" class="btn checkout">{{ 'cart.general.checkout' | t }}</button> 

CSS（Styles.cssを）：

.checkout{ 
width: 100%; 
background-color:#FFA500; 
}