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

Question

我正在开发一个 React 应用程序并withStyles在 JS 库中使用CSS 来处理 CSS。我在 Mozilla 中面临一个问题，我必须根据 Mozilla 浏览器更改高度属性。如何在 JS 中使用 CSS 更改它？似乎@-moz-document url-prefix()不适用于 withStyles。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'        }    }});