小编Hru*_*tel的帖子

我试图将里面的文本居中对齐并将最小数值设置为 0。但这并没有发生。我可以同时做，也可以做，但不能同时做。我查看了 TextField 上的 material-ui 页面，但没有帮助 -->此处

<TextField type="number" 
    id={cells.id} 
    inputProps={{min: 0}} 
    InputProps={classes.inputText}  
    className={classes.inputComponent} 
    disabled={cells.disabled} 
    defaultValue={cells.text} />

我需要为文本字段本身设置样式并为里面的文本设置样式。

inputComponent: {
    height: '30px',
    width:  '71px',
    border: '1px solid #D3D4D0',
    borderRadius: '5px',
    backgroundColor: '#FFFFFF',
    boxShadow: '0 1px 0 0 rgba(170,170,170,0.01)'
}

inputText: {
    color: 'rgba(0,0,0,0.87)',
    fontSize: '16px',
    letterSpacing: '0.5px',
    lineHeight: '28px',
    textAlign: 'center',
}

我正在尝试仅添加 startAdornment 设置的默认 14px padding-left 并希望使其成为装饰占据 Textfield 的一半。我似乎无法弄清楚一般如何设置 startAdornment 的样式。

我尝试了 div 本身的样式，这有效，但仍然有一个潜在的 14px 填充。我尝试设置 InputAdornment 本身的样式，但似乎没有效果。

InputProps={
    this.state.didChange[rowIndex] ? {
        startAdornment: (
            <InputAdornment
                position="start"
                component="div"
                style={{paddingLeft: '-14px'}}
                disablePointerEvents>
                <div style={{ backgroundColor: '#D3D4D0', marginLeft: '-14px', padding: "10px 13px", width: "26px", color: '#a1a39b' }}>
                    {prevVals[rowIndex]}
                </div>
            </InputAdornment>
        )
    } : null} />

这是我当前代码的结果： 这就是我要的： <-- 您可以忽略无关紧要的边框颜色差异，我可以更改它。