更改按钮的颜色

Question

我遇到问题，以便更改此按钮的颜色。这是代码：

<div class = "Petrol">
   <a href="PayMethod.php"><button class="btn btn-default btn-lg" type="button"><span class="Text">Petrol<br><small>(Hi-Grade)</small></span></button>
   </a>
</div>

你能帮帮我吗？

Answer 1

如果您需要更改按钮的颜色，请执行以下操作：

.btn {
      color:red;
    }

如果您需要更改按钮颜色内的文字

e

Answer 2

假设您使用的类，我认为您使用的是Bootstrap。 Bootstrap提供预定义的类来更改按钮的bg颜色。将btn-default替换为以下任何一种，以获得不同的颜色。 btn-primary，btn-success，btn-info，btn-warning，btn-danger和btn-link。 看看docs。

您还可以应用自定义类btn-custom并设置样式。

.btn-custom {
  background: #ff0; /* use your color here */
}

Answer 3

Straightfoward方式正常

.btn {
  color:blue;
} 

Example