导出样式的Material-UI TextField是否具有高度？

Question

此问题似乎适用于以下文本字段：variant ='outlined' 。我正在尝试导出高度为40px的轮廓文本字段：

import { withStyles } from '@material-ui/core/styles';
import TextField from '@material-ui/core/TextField';


const MyTextField = withStyles({
    root: {
        backgroundColor: 'yellow',
        height: 40,
        margin: 0,
        paddingBottom: 0,
        marginTop: 0,
    }
})(TextField);

export default MyTextField;

我将组件用作轮廓文本字段，因为从样式化的组件中导出variant ='outlined'似乎不起作用。

<MyTextField 
  value={"hello"}
  variant="outlined"
/>

轮廓文本字段的高度大于40像素，因为在该字段的底部有额外的填充；但背景黄色现在只有40px。您如何更改概述的TextField的高度？

Answer 1

恭喜！当您隔离代码时，您的代码将完全按照您想要的方式工作。放入沙箱后，myRange.Cells(i, j).Font.Bold = True 的高度为40px。您的应用中有其他原因导致高度问题。