input和button 高度不一致问题

原因是 input和button的高度计算不一样,

input高度不包括border。

button高度包括border。

解决方法:

1、box-sizing:border-box;

2、border:0px;用box-shadow模拟border;box-shadow:0px 0px 1px black;

以上要ie8才支持。

如果要支持ie6、7、8就需要hack下,input改小一点height了。

原文地址:https://www.cnblogs.com/gaidalou/p/7485072.html