去掉Chrome,Safari等浏览器按钮默认渲染

今天用ipad打开网站发现在Safari浏览器下，提交按钮变形了。按钮都成为了圆角导致按钮值的字体也扭曲了。但用UC浏览器就没有这个问题。后来经过查找发现chrome、safari等webkit内核浏览器在解析input按钮会以浏览器的默认UI渲染，这样就出现我刚才那种现像。

想要阻止这种情况发生，就必须禁止webkit内核浏览器使用默认UI渲染。要在样式表为input添加属性。方法如下：

input{-webkit-appearance: none;}

下面一张图对比一下效果：

当你觉得处处不如人时，不要自卑，记得你只是平凡人；当别人忽略你时，不要伤心，每个人都有自己的生活；当看到别人在笑时，不要以为世界上只有你一个人在伤心，其实别人只是比你会掩饰；当你无助时，你可以哭，但哭过后必须要振作起来，不能输掉微笑。