input框中，search和text的区别

之前写案例发现input框中的search和text区别还是蛮大的，在flex布局中search设置padding值是撑不开盒子的，但是text却可以。然后就找了一下原因:

在html5中为input新增加了属性type=search，也就是说search这个属性属于c3的盒子模型，默认box-sizing:border-box，此时再设置padding和border便不会再撑开盒子了。而移动端大量使用c3盒子模型，要想使传统盒子模型转化为c3盒子模型，应该设置box-sizing:border-box;还需注意加上浏览器私有前缀，-webkit-box-sizing:border-box;

https://segmentfault.com/a/1190000007765742