在mac和windows上输入不同的按钮

Question

这是代码中的按钮：

<!-- CSS Code -->
input {
    height: 100px;
    width: 150px;
    font-size: 55px;
    text-align: center;
}

button {
    width: 87px;
    height: 38px;
    font-size: 12px;
}

<!--  HTML Code -->
<input type="submit" class="button" value="Student">

当我在Macbook和我的Windows笔记本电脑上查看此按钮时，它们看起来都不同。

Mac OS：

Windows 7：

正如您所看到的，Windows 7版本中的按钮更大，字体更大。我最初是在Macbook上开发的。我需要在代码中更改某些内容吗？为什么要这样做？

Answer 1

在Mac OS上，font-size被忽略，可能是通过设计或覆盖某些浏览器/操作系统设置。

如果删除font-size，两个浏览器中的按钮现在看起来一样吗？如果您需要指定字体大小，可能会找到一些helpful advice over here。

Answer 2

测试此css代码
.button {
    宽度：87px;
    身高：38px;
    font-size：12px;
}

你的按钮css代码是一个标签，而不是一个类，所以你的class="Button"不起作用，因为没有这个css类