html - 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 笔记本电脑上查看这个按钮时，它们看起来都不同。

苹果系统：

Windows 7的：

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

Answer 1

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

如果您删除 font-size 按钮现在在两个浏览器中看起来是否相同？如果您需要指定字体大小，您可能会在此处找到一些有用的建议。

Answer 2

试试这个 css 代码
.button {
width: 87px;
高度：38px；
字体大小：12px； 你的按钮 css 代码是一个标签，而不是一个类，所以你
是行不通的，因为不存在这个 css 类

class="Button"