reactjs – React material-ui TextField文本对齐并隐藏光标

我想将Material-ui TextField设置为只读(未禁用),文本与中心和隐藏的cursos对齐.
我用

style={{ textAlign: 'center', cursor: 'none' }}

但这没有效果.

谢谢你的解决方案.

要设置实际HTML输入元素的样式,请使用inputStyle属性而不是样式.

inputStyle = {{textAlign：’center’,cursor：’none’}}

参考：http://www.material-ui.com/#/components/text-field

要使其只读,您只需将“value”属性设置为所需的文本.如果您不处理onChange事件,TextField将不允许您修改文本.