Html 重新调整网页上的按钮大小

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

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

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

---

我在网上读到，按钮更多地是由操作系统而不是浏览器呈现的，这可能解释了这种差异。我的问题是，我没有一台非windows机器可以测试，如果我用CSS做样式，所有平台上的按钮都会一样吗？

安迪，这是预期的行为

---

如果设置按钮的

边框样式

或

背景

等项，则将覆盖浏览器的默认按钮样式（对于许多浏览器，默认情况下，这是主机操作系统样式），因此，你会看到类似Facebook或StackOverflow的按钮，它们与平台无关。

那么这意味着在多个平台上不可能使按钮以相同的方式显示？是否至少有一种方法可以使按钮在所有平台上都变大？@Andy:如果你改变按钮的样式，例如将边框改为实心矩形，那么按钮在所有平台上都会显示相同，因为它使用的是你的样式，而不是默认的样式。我查看了w3.org和一些“填充”网站学习如何做的CSS样式，我想我拿起它相当不错。我最担心的是，当我使用不同的平台时，同样的事情会发生。