无法覆盖 MUI 按钮示例中 StartIcon 边距的值

Question

我正在尝试使用材质 UI 中的按钮。我以按钮为例，其中有一个开始图标。但是我无法覆盖 StartIcon CSS 附带的默认边距

我尝试了不同的方法来覆盖它

<Button sx={{ '& .MuiButton-startIcon': {marginRight: '0px'}}} startIcon = {settings_slider}> All Filters </Button>

<Button sx={{ root: {'& .MuiButton-startIcon': {marginRight: '0px'}}}} startIcon = {settings_slider}> All Filters </Button>

<Button sx={{ startIcon: {'& .MuiButton-startIcon': {marginRight: '0px'}}}} startIcon = {settings_slider}> All Filters </Button>

什么都没起作用。

您可以在此处找到运行示例https://yzbbo5.csb.app/

Answer 1

我遇到了同样的问题，但这种方法对我有用：

<Button sx={{ "& .MuiButton-startIcon": { marginRight: "0px" }}} startIcon={settings_slider}>All Filters</Button>

你的问题同时解决了我的问题。