html - 在网页上调整大小的按钮

Question

我编写了一个简单的 html 页面，上面有一些按钮，我使用 html 命令将它们变大了

<input type="button" style="height: 50px; width: 100px" value="button" />

这在我的 win7/google chrome/IE 8 平台上工作正常，但是当我将 html 文件的副本传递给使用 macbook/safari 设置的 friend 时，按钮与普通的 html 按钮没有任何不同。

我在网上读到按钮更多地是由操作系统而不是浏览器呈现的，这可能解释了差异。那么我的问题是我没有非 Windows 机器可以测试，如果我在 CSS 中进行样式设置，所有平台上的按钮是否都相同？

Answer 1

这是预期的行为，安迪。

如果您设置按钮的 border-style 或 background 等元素，您将覆盖浏览器的默认按钮样式(对于许多浏览器，默认, 是主机操作系统风格)，因此您会看到类似于 Facebook 或 StackOverflow 的独立于平台的按钮。