按钮在网页上调整大小

时间:2011-08-06 04:20:43

标签: html css

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

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

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

我在网上看到,操作系统提供的按钮比浏览器更多,这可能解释了不同之处。我的问题是,我没有非Windows机器可以测试,如果我在CSS中使用样式,那么所有平台上的按钮是否相同?

1 个答案:

答案 0 :(得分:2)

这是预期的行为,安迪。

如果您设置按钮的border-stylebackground等项目,您将覆盖浏览器的默认按钮样式(对于许多浏览器,默认情况下是主机操作系统样式),所以你会看到类似Facebook或StackOverflow的按钮,这些按钮与平台无关。