我如何重写表单控制类从一个reactstrap输入?

Question

我有一个reactstrap输入，我有以下问题:我需要重写.form-control类或禁用它，否则我的样式从styles.module.scss不应用。我怎样才能做到这一点呢?我尝试了不同的特异性解决方案，但我无法克服。form-control类。因为我认为它是最后计算的，覆盖了我所有的风格。如果我把内联样式，这是好的，我的样式应用，但这不是很好的做法，所以我需要找到一个解决方案，从styles.module.scss应用我的样式。什么好主意吗?

<Input
style={{
fontSize: '18px',
backgroundColor: 'ffffff',
boxShadow: 'none',
outline: 'none'
}}
type={'textarea'}
id="clientInfo"
name="clientInfo"
defaultValue={formatValue(value)}
/>

Answer 1

您可以使用!important关键字将您的自定义样式应用到.form-control类中。

您的输入字段:

<Input
className='form-control'
type={'textarea'}
id="clientInfo"
name="clientInfo"
defaultValue={formatValue(value)}
/>

CSS文件:

.form-control {
fontSize: 18px !important;
backgroundColor: #ffffff !important;
boxShadow: none !important;
outline: none !important;
}