如何设计材质UI滑块

Question

我想设置滑块各部分的颜色， 手柄和轨道的两个部分：手柄前后的颜色。 或更好还是：使滑块不可见（但仍然工作），所以我可以根据滑块值自己绘制一些东西...

我不认为当前可用的样式属性使我能够做到这一点？

Answer 1

你是对的，你不能只使用style属性来做到这一点。

但是，您可以更改自定义mui主题的颜色。 http://www.material-ui.com/v0.15.0-alpha.2/#/customization/themes

例子：

import React from 'react'; 
import Slider from 'material-ui/Slider'; 
import MuiThemeProvider from 'material-ui/lib/MuiThemeProvider'; 
import getMuiTheme from 'material-ui/lib/styles/getMuiTheme'; 

const muiTheme = getMuiTheme({ 
    slider: { 
    trackColor: 'yellow', 
    selectionColor: 'green' 
    }, 
}); 

const SliderExample =() => (
    <div> 
    <MuiThemeProvider muiTheme={muiTheme}> 
     <Slider /> 
    </MuiThemeProvider> 
    </div> 
); 

export default SliderExampleSimple 

注：handle将有颜色和以前一样它的行..（selectionColor设置）