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