html - Btn 没有得到颜色

Question

我有一个带有以下代码的按钮，但下面的 CSS 不起作用
即颜色和大小没有改变

CSS:

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

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>

Answer 1

鉴于您最近的 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>

试试这个 css(注意 .btn-default.act-buttons 中缺少空格):

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

这将针对同时具有 btn-default 和 act-buttons 类的任何元素

---

.btn-default .act-buttons 将针对具有类 btn-default 的父元素，其中包含具有类 act-buttons 的子元素

.btn-default,.act-buttons 将针对任何具有 btn-default 或 act-buttons 类的元素/p>