Question

在以下HTML中，min-height样式属性在Mac上的Chrome和Safari（我的版本）中不起作用，但在Firefox中起作用：

<html>
<head>
  <style>
  </style>
</head>
<body>
  <button style='min-height:50px;'>
                hello
  </button>
</body>
</html>

我还注意到，如果将某些 other 无关属性（例如min-height）添加到按钮，则background-color:#abc;属性在Chrome和Safari中生效。

这是否是一些已知的Webkit错误，可能是我应该注意的一大类错误的一部分？还是根本没有错误？

谢谢！

Answer 1

它在我这边工作。请尝试这个

<html>
<head>
    <style>
    </style>
</head>
<body>
    <button style='min-height:50px;display:inline-block'>
        hello
    </button>
</body>