css - mdc-fab背景 mdc-theme-secondary

Question

在我的 Head 标签中包含以下内容

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

我可以看到下面的主要作品和计算结果背景颜色:RGB(100、186、105)； = #64ba69

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

但是次级不适用于以下 mdc-fab 以获得计算结果背景颜色:RGB(255、64、129)； = #ff4081

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

不知道为什么？ https://codepen.io/webiflex/pen/rYKaNm

Answer 1

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

Answer