Изменение цвета кнопки

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

Straightfoward способ отлично работает

.btn { 
    color:blue; 
} 

Example

Answer 2

, если вам нужно изменить цвет кнопки сделать это:

.btn { 
     background-color:blue; 
    } 

, если вам нужно изменить текст внутри цвета от кнопки

.btn { 
     color:red; 
    } 

Answer 3

Предполагая, что вы использовали классы, я думаю, вы используете 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 */ 
}