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

前端之家收集整理的这篇文章主要介绍了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%;
}

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

猜你在找的HTML相关文章