如何使用createGlobalStyle

问题描述

我正在尝试在我的React应用程序中实现暗模式。我正在使用包中的样式组件,并为我的黑暗模式创建了一个全局主题。启用暗模式时,我试图将Material UI文本字段占位符更改为白色。如何从全局样式设置材料ui文本字段组件的样式?到目前为止,这是我用于全局样式的代码

const GlobalStyle = createGlobalStyle` body {   background-color: ${(props) =>
    props.theme.mode === "dark" ? "#111" : "#EEE"};
    color: ${(props) => (props.theme.mode === "dark" ? "#eee" : "111")};

}`;

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)