如何将所有实现的.btn，.btn-large和.btn-small的颜色更改为.pink，.accent-1？

Question

我试图做

    .btn, .btn-large, .btn-small{
        @extend .pink, .accent-1
     }

特异性是否存在问题？

Answer 1

您可以通过更改 background-color 属性来覆盖默认的 btn 类，例如：

.btn {
   background-color: red;
   color: white;
}

按钮就像

<button class="btn btn-lg">Hello</button>

Answer 2

我不确定您是否仅在SASS中寻找答案，但这是纯CSS中的解决方案。

从Materialize.css docs获取粉红色-重音符号#ff80ab的十六进制颜色代码，并将!important参数应用于按钮的background-colour，以确保覆盖默认的Materialize类。

.btn , .btn-small, .btn-large{
    background-color: #ff80ab !important;
}

这是工作中的fiddle。

Answer 3

哦！好像我放错了styles.min.css文件。对不起，大家很高兴知道我是否需要这些资源。