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了。

posted @ 2017-09-06 15:36  盖大楼  阅读(1158)  评论(0)    收藏  举报