在低版本的IE下设置border-box失效？

Question

我明明给这个元素设置box-sizing:border-box;
但是还是按照content-box来的，不知道为什么还加了2px的border？

.header_sea_box input {
    width: 263px;
    height: 38px;
    background-color: #ffffff;
    line-height: 38px;
}
.sea_text {
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
}

Answer 1

box-sizing是css3属性，IE低版本不支持

Answer 2

IE8以上支持
https://developer.mozilla.org/zh-CN/docs/Web/CSS/box-sizing
border应该是input的自带样式吧。你再看看

Answer 3

ie8或以上的现代浏览器，都支持这个box-sizing
至于ie7 甚至 6 这种千年古董的话，试试参考
http://stackoverflow.com/questions/2909667/box-sizing-support-in-ie7

其实就是单独为ie67单独写一个不同参数的css

<!--[if IE 7]> <link href="ie7sucks.css" rel="stylesheet" type="text/css" /> <![endif]-->