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

React-bootstrap组件字体大小

1 个答案: