我正在尝试自定义 React mui tabs 的样式为了完成这样的事情:
我试图将框阴影设置为选定的选项卡并删除边框底部。设置 box-shadow 有效,但删除 border-bottom 无效。这是样式对象:
const styles = theme => ({
root: {
flexGrow: 1,
backgroundColor: theme.palette.background.paper
},
selected: {
boxShadow: theme.shadows[1]
},
tab: {
border: "none"
}
});
这就是我的标签的样子:
<Tab
label="Item One"
classes={{ selected: classes.selected, root: classes.tab }}
/>
你可以看到整个例子here .
我应该如何删除选定选项卡上的边框? 在期待控制台中的元素时,我什至看不到边框的来源。
最佳答案
我刚刚找到了 indicatorColor
Prop
<Tabs indicatorColor={""} value={value} onChange={this.handleChange}> </Tabs>
关于javascript - 无法删除边框底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58624853/