七年前有人问了一个相关的问题，最后一次(不幸的是对我没有帮助(回答是在 2015 年："最小宽度"不适用于表单"input[type="button"]"元素吗？
我希望到现在为止有一个更好的答案。
我有这个非常简单的 CSS：
button {
min-width: 80px;
}
至少在macOS上的Chrome(它可以在Firefox和Windows上的Chrome中工作(被忽略。如果我检查其中一个按钮，min-width属性确实已设置，但它只是没有执行任何操作。
上面旧线程中提到的一些技巧确实有效，但它们具有不必要的副作用。例如，显式设置width以及min-width会产生效果，但随后带有长文本的按钮会自动换行，而不是变宽。
更改边框颜色是有效的(奇怪的是它可以做任何事情(，但它搞砸了边框的舍入，并且无论如何在浏览器之间都不一致。
那么，现在几年过去了，有没有人知道更好的技巧可以让min-width在macOS上的Chrome中为按钮工作？
您使用的是<input type="button" value="save" />还是<button>Save</button>？
两个 css 都为我工作。试试这个。它会帮助你。
input[type='button'] { min-width: 180px;}
button { min-width: 180px; }