HTML按钮的background-color属性不起作用

Question

在下一页中：

我有一个灰色按钮（请参阅第一本书的部分，它是页面上唯一的灰色按钮），但是应该是蓝色的。我从邮件服务中剪切并粘贴了代码（见下文）。属性：background-color：＃47abd5; 不起作用。为什么？

<style>
    #mlb2-3734193 button.ml-subscribe-button {
        cursor: pointer;
        font-family: Open Sans!important;
        font-size: 24px !important;
        height: 60px;
        width: 250px;
        background-color: #47abd5;
        color: #ffffff!important;
        border: none;
        border-radius: 2px;
        padding: 0px 24px;
    }
</style>
<link href="https://fonts.googleapis.com/css?family=Open+Sans&   subset=latin,latin-ext" rel="stylesheet" type="text/css">
<form id="mlb2-3734193" action="//app.mailerlite.com/webforms/popup/z0d1n7" data-code="z0d1n7" data-id="243593" target="_blank">
    <div stylclass="button-preview">
        <button style="background-color: #47abd5;" type="submit" class="ml-subscribe-button">Iscriviti</button>
    </div>
</form>
<script type="text/javascript" src="//static.mailerlite.com/js/w/button.min.js?veb3acdd46bf692c067c6a9fe9fbc07d6"></script>

Answer 1

由于此CSS应用于您的按钮。

a.button,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #dfdfdf);
}

我认为背景渐变会覆盖您的样式。正如@Turnip建议将其更改为背景而不是背景颜色，它将起作用

Answer 2

删除背景颜色属性只需使用背景，如下所示：

#mlb2-3734193 button.ml-subscribe-button {
       background: #47abd5;
        }