Javascript 如何使用withStyles编写特定于Mozilla的CSS

我正在开发一个React应用程序，并在JS库中使用

with style

CSS来处理CSS。我在Mozilla中面临一个问题，我必须根据Mozilla浏览器更改高度属性。如何在JS中使用CSS进行更改？似乎

@-moz document url-prefix（）

在以下样式中不起作用

const styles = theme => ({
    radioGroupRoot : {
        backgroundColor : "#fff9d8",
        alignItems : "center",
        marginTop : '15px'
    },
    labelRoot : {
        margin : 0,
        width : "100%",
        alignItems : "end"
    },
    radioLabel : {
        width : "100%",
        backgroundColor: "#fff9d8"
    },
    radioRoot : {
        height : "37px",
        width : "37px",
        color : 'rgba(0, 0, 0, 0.7)'
    },
    '@-moz-document url-prefix()' : { 
        radioRoot : {
            height: '52px'
        }
    }
});

---

Firefox 61已禁用@-moz文档CSS at规则，以降低CSS注入攻击的风险

试一试

@supports ( -moz-appearance:none ){
  /* Add firefox CSS code here */
}

---

谢谢，成功了。但这是最好的方法吗？取决于您所寻找的兼容性。您是否询问过是否有人直接修复了您的问题，而不是添加特定于浏览器的代码？@Kravimir抱歉，我没有得到它。。。即使是直接修复，我也需要确定浏览器是Mozilla而不是chrome，这样我就可以相应地修改我的CSS。对不起，我的观点不清楚。我是问你是否要求帮助寻找一种解决浏览器差异的方法，而不使用特定于浏览器的代码？