时间戳

首页 > 解决方案 > 按钮与输入提交字体大小差异

css - 按钮与输入提交字体大小差异

问题描述

input[type="submit"] {
  font-size: 2.75em;
}

button {
  font-size: 2.75em;
}
<input type="submit">
<button>
Click me
</button>

在 OSX 上。为什么相对字体大小对这两个元素的作用不同，但都没有被包装？如何使每种类型的按钮字体大小相同？

标签： css

解决方案

为了更改输入的字体大小，您需要添加-webkit-appearance: none;以覆盖基于操作系统主题的平台原生样式

input[type="submit"] {
  -webkit-appearance: none;
  font-size: 2.75em;
}

button {
  font-size: 2.75em;
}
<input type="submit" />
<button>Click me</button>

推荐阅读