我有一些CSS,我想要一个默认颜色,然后用一个变量覆盖它.当CSS变量不存在时,我要使用后备颜色.
:root {
/*--tintColor: red;*/
}
.text {
color: blue;
color: var(--tintColor);
}
如果未设置变量,例如注释掉,颜色将变为黑色.在这种情况下,我希望在未定义变量时颜色变回蓝色.这可能吗?
最佳答案
您可以指定
fallback
属性,例如var(-tintColor,blue)-请参见下面的演示:
.text {
color: blue;
color: var(--tintColor,blue);
}
<div class="text">some text here</div>
<div class="text" style="--tintColor: red">some text here</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。