javascript - 更改 Material ui 选项卡标签的颜色

标签 javascript material-ui

我尝试将选项卡的标签颜色更改为黑色,但它没有改变。标签颜色仅保持白色。它仅在material-ui中硬编码吗?如果不是,那我该如何改变呢?这是我尝试过的

const styles = {
    tab: {
        padding: '2px 34px',
        width: '140px',
        height: '72px',
        color: '#4b4b4b'
    },
    tabItemContainer: {
        background: 'none'
    }
}
<Tabs
                        tabItemContainerStyle={styles.tabItemContainer}
                        value={this.state.selectedTab}
                        onChange={this.handleTabChange}>
                        <Tab
                            value={0}
                            buttonStyle={styles.tab}
                            label='Members'/>
                        <Tab
                            value={1}
                            buttonStyle={styles.tab}
                            label='Permissions'/>
                    </Tabs>

最佳答案

尝试使用style属性而不是buttonStyle

<Tab
   value={0}
   style={styles.tab}
   label='Members'
/>

关于javascript - 更改 Material ui 选项卡标签的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43123755/

相关文章:

javascript - 同步多个图表的x轴

javascript - 我想在 XPath 中使用先前设置的 javascript var。这可能吗?

webpack - 如何让 Tree Shaking 在 React 库 "material-ui"的 Webpack 4 中工作?

reactjs - 强制 TextField 在焦点上选择全文

reactjs - 在 Material UI 中使用数字文本字段

reactjs - 当文本字段没有值时,将 Material UI 文本字段标签保持在顶部

JavaScript ajax(获取)

javascript - Prop 更新后的 Vue.js 组件渲染

javascript - 在 AngularUI 谷歌地图上动态设置圆的半径

reactjs - [React Final Form] 是否适用于 Material-UI 3.x?