React-bootstrap組件字體大小

Question

我想手動更改ReactJS項目的字體大小。 我試圖添加類似

* {
    font-size: 10px;
}

並且可以處理純文本格式的所有內容。 但是， react-bootstrap每個組件（例如DropdownButton，Panel）都保持較大的字體大小。 因此，將那些react-bootstrap組件的字體大小更改為與其他純文本相同的正確方法是什么？ 內聯樣式有效，但我希望將更改應用於.css文件。 謝謝！

編輯：面板標題代碼段：

  <Panel>

    <Panel.Heading>
      <Panel.Title>
         title here 
      </Panel.Title>
    </Panel.Heading>
  ...

Answer 1

要更改項目中所有文本的字體大小，請使用

* {font-size: 10px;}

或者，您可以將樣式道具傳遞給組件，例如： <Panel.Body style={{fontSize: 10}}