我正在尝试找出用嵌套组件覆盖的实质性UI样式。假设我想在活动Tab上增加底部边框的高度。此边框由基础ButtonBase应用。
以下是样式定义:
const useStyles = makeStyles(theme => ({
root: {
// an example brutal overriding, not clean, I'd like a better approach for the button
"& .MuiSvgIcon-root": {
marginRight: "8px"
}
我已经创建了一个可滚动的资料UI选项卡。我已经将边框底部添加到父元素中,因此其中的每个选项卡都有底线。但是在这里,我需要删除活动选项卡的边框底部。我试过了,但不幸的是,我不知道如何显式地将边框底部移到active选项卡。
在这里您可以找到工作演示链接- 。
代码:
import * as React from "react";
import { styled } from "@mui/material/styles";
import Tabs from "@mui/material/Tabs";
import Tab from "@