Изменить цвет кнопки на зеленый цвет по умолчанию?

Question

Просто быстрый вопрос, в настоящее время кнопка серая с красным текстом, отображаемым внутри, и я хочу сделать кнопку «Зеленый» с отображенным белым текстом.

CSS-я использую это

.uploadmorefiles{ 
    color: red; 
} 

для кнопки:

 <div class="col-md-12"> 
      <button type="button" class="uploadmorefiles"><i class="fa fa-plus-square"></i> Click here to upload more file</button> 
     </div> 

Answer 1

Просто использовать button type "Success", предоставленную Bootstrap рамкой сама работа.

<button type="button" class="btn btn-success">Success</button> 

Answer 2

.uploadmorefiles{ 
    background-color: green; 
    color: white; 
} 

Answer 3

LiveOnFiddle

.uploadmorefiles { 
    color: white; 
    background: green; 
    border:none; 
} 

Answer 4

.uploadmorefiles{ 
 
    color: white; 
 
    background : green; 
 
}

Answer 5

Кнопки в HTML серого цвета по умолчанию и вашим правилом цвет меняется цвет текста внутри кнопки.

.uploadmorefiles{ 
color: white; 
background: green; 

}