Html 我如何获得在Chrome中使用按钮的最小宽度？（马科斯）

七年前提出了一个相关问题，最后一次（不幸的是对我没有帮助）的回答是在2015年：

我希望现在有更好的答案

我有一个非常简单的CSS：

button {
  min-width: 80px;
}

至少macOS上的Chrome（它可以在Firefox上工作，在Windows上可以在Chrome上工作）忽略了这一点。如果我检查其中一个按钮，那么

minwidth

属性确实设置好了，但它没有做任何事情

上面的旧帖子中提到的一些技巧是有效的，但它们有不必要的副作用。例如，显式设置

width

以及

minwidth

会产生效果，但长文本按钮会将单词包装起来，而不是变宽

更改边框颜色是可行的（这很奇怪），但它会破坏边框的圆整度，而且可能不会在浏览器之间保持一致

那么，现在几年过去了，有谁知道更好的方法让macOS上的Chrome按钮使用

min width

两个css都为我工作。试试这个。它会帮助你的

input[type='button'] { min-width: 180px;}
button { min-width: 180px; }

---

我使用的是后者，

Save

。我尝试添加

input[type='button']{minwidth:180px；}

，但没有任何帮助。然后我试着用

input

，而不是

按钮

，这也没用。Chrome对你有用吗？也许问题只是macOS上的Chrome。是的，Chrome对我来说都有用。如果可能的话，分享你的代码。我会帮你修复这个错误。谢谢。代码在Github上，但最新的更改尚未推出。我会发布一个链接后，我推我一直在工作。好的，请记住这段代码只是完成了一半！您可以看到它在运行（到现在运行的程度）。代码位于。单击齿轮图标，查看我试图设置按钮最小宽度的对话框。CSS的样式是

style.scss

。顺便说一句，我刚刚验证了问题只存在于macOS上。现在我把代码放到了我的网站上，在Windows上测试它就很容易了。没有最小宽度问题。