H5上Input框的一些处理

H5上Input框的一些处理

最近使用做一个H5项目，使用Input遇到一些问题。
Input在H5是默认有边框和背景的，可以使用如下css设置去掉input的边框和背景：
去掉边框：
outline: none;
border: none;

去掉背景：
background-color: rgba(255,255,255,0);
刚开始我使用的background-color: #ffffff00; 来去掉背景，但是一直不生效，建议最好用rgb来设置

input中设置placeholder的样式，可以这样设置
//Internet Explorer 10+
input:-ms-input-placeholder{color:#999; .px2rem(font-size, 32); font-family: PingFangSC-Regular, sans-serif;}

//WebKit browsers
input::-webkit-input-placeholder{color:#999; .px2rem(font-size, 32); font-family: PingFangSC-Regular, sans-serif;}

//Mozilla Firefox 4 to 18
input::-moz-placeholder{color:#999; .px2rem(font-size, 32); font-family: PingFangSC-Regular, sans-serif;}

//Mozilla Firefox 19+
input:-moz-placeholder{color:#999; .px2rem(font-size, 32); font-family: PingFangSC-Regular, sans-serif;}