如何使用 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'

        }

    }

});