前端之家收集整理的这篇文章主要介绍了
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.f2er.com/html/228064.html
