如何從 reactstrap 輸入覆蓋表單控制 class？

Question

我有一個 reactstrap 輸入，我有以下問題：我需要覆蓋.form-control class 或禁用它，否則我的 styles 來自 styles.module.scs 我怎樣才能做到這一點？ 我嘗試了不同的特異性解決方案，但我無法克服。form-control class.. 因為我認為它是最后計算的，並覆蓋了我所有的 styles。 如果我放入內聯 styles，沒關系，我的 styles 被應用，但這不是好的做法，所以我需要從 styles 中找到一個解決方案來應用我的樣式。 有任何想法嗎？

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

Answer 1

您可以使用!important關鍵字將自定義樣式應用到.form-control class。

您的輸入字段：

<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;
    }