css - MaterialUI如何将输入内的文本向右或居中对齐?
问题描述
如何对齐 Material UI 输入文本的文本?以下似乎不起作用。我使用的是 1.x 版
import {Input} from 'material-ui';
//didn't work
<Input
className="max-w-128 inline-block"
style = {{textAlign: 'center'}}
id="input-quantity"
inputStyle={{ textAlign: 'center' }}
//tried hintStyle as suggested in a bug
hintStyle={{ width: '600px', textAlign: 'center' }}
value={this.state.currentRecord.quantity}
onChange={this.handleCurrentRecordTextChange('quantity')}
/>
解决方案
您只需要使用(样式覆盖):
classes={{
input: classes.inputCenter
}}
样式应该是:
const styles = theme => ({
inputCenter: {
textAlign: "center",
color: "red"
}
});
从这里浏览文档:https ://material-ui.com/api/input/#css-api
这是一个工作示例:https ://codesandbox.io/s/n9nr9x8xo0
希望这会帮助你。
推荐阅读
- android - java.lang.NoClassDefFoundError:解析失败:Lcom/google/android/gms/common/internal/zzbq;将 Google 地图添加到 Android 应用程序时
- angular - 如何将今天/明天添加到日期选择器
- c# - 实体框架获取空导航属性
- c# - 如何使用 WinSCP 通过 SFTP 下载 10 个最新的 CSV 类型文件?
- swift - 使用无法在 swift 3 上运行的多部手机创建新联系人
- xpath - XPATH 在困难的跨度 - Scrapy
- scala - Scala:使用备用构造函数分配类属性
- java - BOOT_COMPLETED 接收器在装有 Android 5.1.1 的海信设备上不起作用
- r - 使用 tidyverse 查找横截面相关性的时间序列均值
- fairplay - AVAssetDownloadTask 的下载性能