Material-UI中的覆盖选项卡样式（无左/右填充）

Question

我需要覆盖n个制表符的填充，以便指示符与文本的长度相同：https://i.imgur.com/qJl0jMo.png

我在玩这个例子： https://codesandbox.io/s/o4wp31yo95 ...没有任何运气。我需要从按钮库中删除左/右填充，但是我不知道该怎么做

Answer 1

在样式中添加以下内容：

labelContainer: {
    padding: 0,
},

然后将其添加到您的<Tab>组件中。喜欢：

classes={{ root: classes.tabRoot, selected: classes.tabSelected, labelContainer: classes.labelContainer }}

由于minWidth: 72上的tabRoot，这将使指示器的长度与文本相同，但仅适用于长度超过72像素的文本。为了使它适用于较小的文本，请同时减小此值。