/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #f46ba0, #ee3a80);
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear,top,from(#f46ba0),to(#ee3a80));
/* Safari 5.1+, Chrome 10+ */
background: -webkit-linear-gradient(top, #f46ba0, #ee3a80);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #f46ba0, #ee3a80);
/* default */
background: linear-gradient(top, #f46ba0, #ee3a80);
background-color: #ee3a80;

在苹果的IOS系统下input框加纯色背景色会出现问题，可用同一颜色渐变来解决

本文出自 “陈辉” 博客，请务必保留此出处http://chenhuixfyy.blog.51cto.com/6136934/1389141

全兼容的移动端渐变写法,布布扣,bubuko.com

全兼容的移动端渐变写法