我试过这个简单的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%;
}
在页面和表单字段上获得一致的字体.