ボタンの色をデフォルトのグレーから緑色に変更しますか？

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 "成功" を使用仕事自体。 HTMLで

<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

ボタンは、デフォルトでは灰色で、色のためのあなたのルールは、ボタン内のテキストの色を変えています。

.uploadmorefiles{ 
color: white; 
background: green; 

}