似乎无法改变按钮的颜色

Question

我想改变我的颜色＆＃39;退房＆＃39;我的购物车页面中的按钮变为橙色。

我尝试了以下内容：

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

然而，颜色仍然是蓝色（这是我网站的总体颜色主题）。

有没有人在上面的html代码中看到错误，或者有一个线索为什么上面的颜色代码被覆盖？

是的，我已经设法使用上面的代码更改了我网站其他页面上的其他按钮。

非常感谢。

最好的注册，

Answer 1

您只能在style中定义一次html属性，并根据需要在该CSS属性中添加尽可能多的style个属性

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

Answer 2

您不应将所有样式放在多个属性中。 将element的所有css属性放入一个由“;”分隔的样式标记：

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

当然不建议内联（在html标记内），但要将CSS属性分配给.css文件中的id（唯一）或类（相同类型的元素），该文件应包含在head标签中 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;
}