html - Btn are not getting the color -

html - Btn are not getting the color -

i have button next code, css below not working i.e. color , size not changing

css:

class="lang-css prettyprint-override">.btn-default .act-buttons{ background-color: black!important; color: white!important; height: 28px; width: 28px; }

html:

class="lang-html prettyprint-override"><div class="form-group"> <div class="col-md-offset-2 col-md-10"> <input type="submit" id="submit" value="save" class="btn btn-default act-buttons" /> </div> </div>

given recent html...

<div class="form-group"> <div class="col-md-offset-2 col-md-10"> <input type="submit" id="submit" value="save" class="btn btn-default act-buttons" /> </div> </div>

try css (note lack of space in .btn-default.act-buttons):

.btn-default.act-buttons{ background-color: black!important; color: white!important; height: 28px; width: 28px; }

this target element both classes btn-default , act-buttons

.btn-default .act-buttons target parent element class btn-default contains kid element class act-buttons

.btn-default,.act-buttons target element either of classes btn-default or act-buttons

html css twitter-bootstrap twitter-bootstrap-3