我有一个 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)}
/>
答案 0 :(得分:0)
您可以使用 !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;
}