更改 material ui 选项卡标签的颜色
Changing color of material ui tab label
我尝试将选项卡的标签颜色更改为黑色,但没有改变。标签颜色仅保持白色。是否仅在 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'
/>
我尝试将选项卡的标签颜色更改为黑色,但没有改变。标签颜色仅保持白色。是否仅在 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'
/>