【菜鸟搭建react项目之路12】【css】关于chrome的input默认样式问题

chrome中input默认样式 - border-style ：inset

今天在自定义input样式的时候发现，chrome浏览器下input的上和左边框像有阴影一样，跟另外两个边框不太一样，最后排查发现是border-style:inset的问题，这是个3D样式效果，只需要修改为：border-style:solid，就能四边相同了。

 

border-style ：inset

 

 

  

border-style : solid