最小宽度不在按钮中

Question

以下代码无效：

button {
  min-width: 300px;
}

但是，当我在下面添加background-color时，min-width正在运作。

是什么原因？ （我在mac中使用Google Chrome 64.0进行了测试）

button {
  min-width: 300px;
  background-color: #f00;
}

Answer 1

在某些browsers, on iOS,中，其‍‍ <button>（默认）配置中的native元素将not respond设置为最小宽度。此问题是由于本机按钮。 当对changes参数进行other style且浏览器为forced to abandon本机按钮时，最小宽度设置为takes affect。