如何为 blueprintjs 组件设置自定义样式？答案

【问题标题】：How to set custom style for blueprintjs component?如何为 blueprintjs 组件设置自定义样式？
【发布时间】：2017-11-04 00:00:13
【问题描述】：

我正在使用带有 react 的 blueprintjs，并且想自定义 blueprint 组件的大小和颜色。

例如，我有一个微调器，并且想将它的大小自定义为 30 像素。

<Spinner className={'customSize'}/>

customSize 是什么

.customSize{
   width: 30px;
}

但是，它不会覆盖原始大小。有没有办法自定义微调器的大小或颜色？

谢谢

【问题讨论】：

【解决方案1】：

您可以编写比 BlueprintJS 提供的更具体的样式。他们对他们的工具包应该如何渲染有非常严格的意见。

它们确实支持 Spinner 组件的不同尺寸：

<Spinner size={SpinnerSize.LARGE} />

SpinnerSize 常量中的选项是SMALL、STANDARD 或LARGE。这些映射到数字，这意味着 size 属性需要一个数字。为什么不尝试给它我们自己的号码？

<Spinner size={137} />

您可以在the docs here.了解更多信息

【讨论】：