如何在Javascript的小部件中使用scalacss？

Question

我相信这里的定型风格是：

val ccrsEdButton: StyleA = style(
  backgroundColor.silver,
  border(1 px) ,
  cursor.pointer,
  margin(5 px),
  padding(5 px),
  outline.none,
)

在我的Scala.js代码（使用monadic-html）中，其用法如下所示，并且通常可以正常工作：

        <button class={ edStyles.ccrsEdButton.htmlClass }
                title={ action.title }
                onclick={ actionHandler }
        >{ action.icon }</button>

在Scala.js中创建一个示例时，我用两个嵌入上面代码的窗口小部件示例渲染页面，按钮的第一个出现是使用类_a0，第二个类使用了相同定义的类，名为_b0。但这使我感到奇怪，因为它们应该相同。

我的应用程序还具有JavaScript API，因此任何用户都可以在其网站中嵌入小部件-诚然，这是一项正在进行的工作！当我尝试移植到JavaScript的示例完全相同时，如果我使用dom inspector，_a0会像往常一样显示，但是没有_b0：

小部件的第一个实例：

小部件的第二个实例：

我知道以动态方式使用ScalaCSS会带来一些麻烦，但是据我所知，我并不是动态创建样式，而是动态地使用样式。