html - 似乎无法更改按钮的颜色

Question

我想在我的购物车页面中将“结账”按钮的颜色更改为橙​​色。

我尝试了以下方法:

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

但是，颜色仍然是蓝色(这是我网站的整体颜色主题)。

有没有人在上面的 html 代码中看到错误或者知道为什么上面的颜色代码被覆盖了？

顺便说一句，我已经使用上面的代码成功地更改了我网站其他页面上的其他按钮。

非常感谢。

最好的 regads，

Answer 1

您可以在 html 中只定义一次 style 属性，并在该 style 中添加尽可能多的 CSS 属性随心所欲的属性

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