mdc-fab background mdc-theme-secondary

时间:2017-11-23 17:10:18

标签: css web material-components

在我的头标记中包含以下内容

<style>
:root {
--mdc-theme-primary: #64ba69;
--mdc-theme--primary-light: #96ed98;
--mdc-theme--primary-dark: #31893d;
--mdc-theme--secondary: #e55100;
--mdc-theme--secondary-light: #ff833a;
--mdc-theme--secondary-dark: #ab1a00;
}
</style>

我可以看到主要用于下面的计算结果 background-color:rgb(100,186,105); =#64ba69

.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
background-color: var(--mdc-theme-primary, #3f51b5);
}

但是辅助功能不适用于mdc-fab以下的计算结果 background-color:rgb(255,64,129); =#ff4081

.mdc-fab {
background-color: var(--mdc-theme-secondary, #ff4081);
}

不确定为什么? https://codepen.io/webiflex/pen/rYKaNm

1 个答案:

答案 0 :(得分:0)

请看下面的答案,我的错误是“你在一些主题属性名称中有一个额外的破折号。” 例如。: --mdc主题 - 二次 应该: --mdc主题二次

Answer