NumberField文本对齐，因为react-admin 2.1.3

Question

react-admin的2.1.3版本引入了<Typography />用于NumberField组件（和其他组件）代替<span />。

此组件具有对齐右侧文本的样式。

const styles = {
    input: { textAlign: 'right' },
};

我不知道为什么，但是使用span元素，数字左对齐。现在数字对齐，但如果有其他数字字段则不与相同的边距对齐。

Code demo（评论显示屏幕）/ Screenshot

我试图在我的组件上定义一个className ...

<NumberField source="id" className="leftalign" />

同

.leftalign {
    text-align: left;
}

...但该类被样式生成的类NumberField-input-234覆盖（除非我设置!important但我想避免这种情况）。

我的问题是：

• 有没有办法在左边对齐它们而没有uggly !important css标志或每次使用style={{ textAlign: 'left' }}时写<NumberField />？
• 有没有办法正确对齐相同的保证金？

谢谢

Answer 1

此问题已在[email protected]中得到解决