将按钮的颜色从默认灰色更改为绿色？

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

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

Answer 2

LiveOnFiddle

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

Answer 3

只需使用button type＆＃34;成功＆＃34;由Bootstrap框架本身提供。

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

Answer 4

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

Answer 5

HTML中的按钮默认为灰色，而您的颜色规则正在改变按钮内文本的颜色。

.uploadmorefiles{
 color: white;
background: green;

}