Question

在以下page中：

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

＆＃13;

<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>

＆＃13;

Answer 1

删除背景颜色属性只需使用背景像这样：

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

Answer 2

由于此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 3

您必须在以下类中设置background-color属性：.widget_circleicon-widget .circle-icon-box .circle-icon然后图书图标的背景颜色应该更改。

HTML按钮背景颜色属性不起作用

3 个答案: