Question

我想修改＆＃39;切换＆＃39;组件属性，所以当它在＆＃39; on＆＃39;颜色是绿色。默认行为是＆＃39;切换＆＃39; ＆＃39; thumbOnColor＆＃39;被设置为＆＃39;调色板＆＃39;原色（在我的情况下＆＃39; redA700＆＃39;）。

文档建议以下内容应该有效，但它没有：

    <Toggle
        defaultToggled={relay}
        label={localization.get("user_bracelets_relay")}
        ref="relayField"
        onToggle={par(updateRelay, component)}
        thumbStyle={{thumbOnColor:"green"}}/>

我尝试过使用＆＃39; style = ...＆＃39;内联，＆＃39;风格＆＃39;使用.css，指定＆＃39;切换：...＆＃39;在我的应用程序主题中（即我定义修改过的＆＃39;调色板＆＃39;。似乎没有任何作用，无论我做什么，默认行为仍然存在。理想情况下，我想要切换＆＃39;灰色＆＃39; ;未设置时，＆＃39;绿色＆＃39;当它是。

事实上是否可以改变“切换”的主题。我的应用中的material-ui组件？

Answer 1

最简单的方法是定义自己的主题，然后可以覆盖拇指和跟踪颜色。有关详细信息，请阅读theme documentation here。但是，如果您感觉很危险，您应该可以使用以下代码段，但要注意轨道颜色也需要进行类似的更改 -

thumbStyle={{backgroundColor:"green"}}

此外，您需要根据组件的切换状态为此提供不同的值。

<强>更新旧版本的文档有一个主题切换，如果你在documentation source at github中深入挖掘，你可以找到它。

material-ui：修改内联不工作的组件属性

1 个答案: