如何更改 TextInput 内的输入样式

Question

我使用了 React-Admin

TextInput

，我正在尝试创建一个从左到右的输入。我使用了

stylish-pugin-rtl

包，它使所有样式组件从右到左排列（可能使用脚本）。现在我想排除一个输入。使用

sx

覆盖它是无效的，并且它仍然保留

rtl

;

我只能使用输入的样式属性来更改方向，但我不知道如何访问它。 TextInput 创建一个 div 并在其中创建一个输入：

// LTRTextInput.js
import React from 'react';
import { TextInput } from 'react-admin';

const LTRTextInput = ({ ...props }) => {
    return (
        <TextInput
            {...props}
            // Use sx prop to apply styles
            sx={{
                '& .MuiInputBase-input > input': {
                    backgroundColor:'red',
                    direction: 'ltr !important', // It doesn't work
                },
            }}
            // need to change the style of input inside TextInput
        />
    );  
};