如何解决无法覆盖 Sanity.io 中的 CSS 变量
我正在尝试按照文档中的说明更改 Sanity Studio 的样式:https://www.sanity.io/docs/styling#d7f9b5cc2adb
因此,我创建了一个包含以下 css 变量的文件:
@import "part:@sanity/base/theme/variables/gray-colors-style";
:root {
--fieldset-border: none;
--fieldset-bg: var(--gray-darker);
}
现在,这对--fieldset-border
有效,但对--fieldset-bg
无效。我什至尝试将 --fieldset-bg
的值硬编码如下:--fieldset-bg: #454545;
-- 它仍然不起作用。
所以,我想知道为什么 --fieldset-border
有效而 --fieldset-bg
无效。更重要的是,我必须做什么才能在 sanity studio 中更改字段集的背景颜色?
解决方法
我有一种预感,特定的 --fieldset-bg
变量最近被默默地弃用了(从@sanity/components 转移到@sanity/ui)。如果是这样,opening a bug report issue in sanity-io/sanity 存储库会很棒!
无论如何,我建议您在 variableOverrides.css
文件中使用全局选择器覆盖 css:
div[class^="DefaultFieldset_root"] {
background: papayawhip;
}
希望对你有帮助?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。