如何将CSS添加到react-popout(window.open)?

时间:2018-01-15 22:22:55

标签: javascript html css reactjs

我使用Jake Ginnivan的react-popout软件包(window.open的包装器)在点击按钮时打开我的反应代码中的弹出窗口。问题是打开的弹出窗口不包含主应用程序的样式,我不太确定如何添加样式。因此,我的内容非常紧张,我试图玩弄组件' containerId prop为弹出窗口添加和id,希望它能够与我现有的CSS一起工作,但没有运气。有什么想法吗?

https://github.com/JakeGinnivan/react-popout

1 个答案:

答案 0 :(得分:1)

“现在我们不支持js中的css。我们使用你需要使用的简单类来使弹出窗口正确显示。” - http://minutemailer.github.io/react-popup/

看起来您只需要在代码库中声明相同的类来覆盖默认值。例如:

.mm-popup__btn--danger {
    background-color: #c5545c;
    border-color: #c5545c;
    color: #fff;
}

这将设置弹出窗口危险按钮的颜色。