material-ui：用内联修改组件属性不起作用答案

【问题标题】：material-ui: modify component property with inline not workingmaterial-ui：用内联修改组件属性不起作用
【发布时间】：2016-02-13 20:54:16
【问题描述】：

我想修改'toggle'组件属性，这样当它'on'时颜色是绿色的。默认行为是将“toggle”“thumbOnColor”设置为“调色板”原色（在我的情况下为“redA700”）。

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

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

我尝试在我的应用程序主题中仅使用'style = ...'内联，'style'和.css，指定'toggle：...'（即我定义修改后的'调色板'。没有似乎工作，无论我做什么，默认行为仍然存在。理想情况下，我想要切换“灰色”时未设置，而“绿色”时它。

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

【问题讨论】：

标签： css material-ui

【解决方案1】：

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

thumbStyle={{backgroundColor:"green"}}

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

更新旧版本的文档有一个主题切换，如果你在documentation source at github 中挖掘得足够深，你也许可以找到它。

【讨论】：