html – 按钮和链接的字体大小

我试过这个简单的html：

TEST FONT SIZE</br>
<input type="button" value="test bytton" style="font-size:20px">
<a style="font-size:20px">test link</a>

并发现该按钮的字体大小看起来比链接的字体大小更大.
有没有人知道为什么样式的链接和按钮的工作方式不同,如何使它们看起来像是一样的？

解决方法

font-size是一样的.但它看起来不同,因为默认页面字体与默认输入字段字体不同.将两个元素上的font-family设置为相同,它们看起来一样.

我经常这样做：

body,input,button,select,option,textarea {
    font-family: ...; /* whatever font */
}
body {
    font-size: x%; /* whatever base font size I want */
}
input,textarea {
    font-size: 100%;
}

在页面和表单字段上获得一致的字体.

原文地址：https://www.jb51.cc/html/228064.html