如何在MUI TextField中设计装饰风格？

admin

我正在尝试添加startAdornment默认的14px padding设置，并想让它占据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} />

这是我当前代码的结果：

?

?

这就是我想要的：

?

?

你可以忽略边框的颜色差异，我可以改变它。

转载请注明出处:http://www.hjsszs.com/article/20230526/1748239.html