无法在“材质”UI按钮上将填充设置为0

Question

我正在Button使用正常的Material-UI React尝试添加以下样式

button: {
    display: 'inline-block',
    padding:0
  }

到这个按钮

<Button className={classes.button}> I'm a Test Button </Button>

我获得的是右/左侧的填充正确设置为0，而顶部/底部的填充未更新，请参阅附件图片。

这是一个错误吗？或者实现这一目标的正确方法是什么？

编辑： Material-UI版本： v1.0.0-beta.20

Answer 1

此行为是由Button元素的根键的min-height和min-width属性引起的。设置minHeight: 0和/或minHeight:0应该修复它：

button: {
    display: 'inline-block',
    padding:0,
    minHeight: 0,
    minWidth: 0,
  }