如何覆盖Material-UI Popover Paper样式?

时间:2019-07-26 21:19:23

标签: javascript reactjs material-ui

基本上,我正在尝试覆盖程序中自动引入的样式。当我使用Popover时,我的程序中会自动具有MuiPopover-paper样式,我必须在此类中更改某些样式,但是如何更改?

const mongoose = require('mongoose')

const Main = mongoose.model('Main', {
    total_check: {
        type: String
    }
})

module.exports = Main

1 个答案:

答案 0 :(得分:2)

覆盖组件样式的一种方法是使用classes对象prop的规则名称。从MUI API documentation for Popover中可以看到,您可以覆盖应用于Paper组件的样式:

    <Popover classes={{ paper: "MuiPopover-paper" }} />