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

发布时间：2020-12-15 20:12:51 所属栏目：百科来源：网络整理

导读：我想将Material-ui TextField设置为只读(未禁用),文本与中心和隐藏的cursos对齐. 我用 style={{ textAlign: 'center',cursor: 'none' }} 但这没有效果. 谢谢你的解决方案. 解决方法要设置实际HTML输入元素的样式,请使用inputStyle属性而不是样式. inputStyl

我想将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将不允许您修改文本.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!