【问题标题】:SpeedDial color change - ReactJSSpeedDial 颜色更改 - ReactJS
【发布时间】:2021-10-08 00:28:02
【问题描述】:

我正在尝试更改 material-ui 中的 SpeedDial color。但我只能使用 FabProps 更改“默认”、“主”和“辅助”三种颜色。

<SpeedDial
  ariaLabel="SpeedDial openIcon example"
  className={st.speedDial}
  FabProps={{
    color: "secondary",
  }}
></SpeedDial>

如何使用 Hex-color(如“#F19920”)更改 SpeedDial 颜色??

【问题讨论】:

    标签: reactjs material-ui speed-dial


    【解决方案1】:

    您可以通过多种方式做到这一点。

    1. 您可以使用classes={{}} 属性向组件添加自定义类。

    Here 是您可以传递给组件的类。 here 是用于更改颜色的那些类的示例,在第 26 行我添加了 className,在第 64 行我使用它。

    1. 另一种方法是您可以覆盖theme 对象docs 中的托盘。这样您就可以使用color="primary",它将使用您在托盘中指定的颜色。

    【讨论】:

      猜你喜欢
      • 2021-11-20
      • 2022-11-01
      • 2018-12-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-01-06
      • 2021-10-08
      • 1970-01-01
      相关资源
      最近更新 更多