微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐