MaterialUI React 选项卡下划线厚度

Question

如何更改 React 中材质选项卡的下划线粗细？尝试修改下面的代码。

如何更改MaterialUI的React Tabs组件的下划线颜色？

<Tabs TabIndicatorProps={{style: {backgroundColor: "white"}}}>
   <Tab label='Tab 1'/>
   <Tab label='Tab 2'/>
</Tabs>

Answer 1

您可以将

height: <value_in_pixel>

添加到

style

的

TabIndicatorProps

属性中，如下所示：

<Tabs TabIndicatorProps={{style: {backgroundColor: "white", height: 20}}}>
   <Tab label='Tab 1'/>
   <Tab label='Tab 2'/>
</Tabs>

您可以查看 this StackBlitz，了解此解决方案的实时工作示例。