css如何去掉input的边框颜色

 

　　在进行webAPP开发时，input外边框非常影响美观，去除外边框方法如下：

 

　　<inputstyle="border:0px;outline:none;cursor:pointer;"type="text"placeholder="请输入手机号">

 

　　解释：

 

　　“border:0px；”去除placeholder外的边框

 

　　“outline:none;”“去除点击input框时显示的边框

 

　　“cursor:pointer;”点击显示光标光标呈现为指示链接的指针（一只手）

 

　　（相关课程推荐：css视频教程）

 

　　修改placeholder的字体颜色：

 

　　input::-webkit-input-placeholder{

 

　　/*WebKitbrowsers*/

 

　　color:#999;

 

　　}

 

　　input::-moz-placeholder{

 

　　/*MozillaFirefox4to18*/

 

　　color:#999;

 

　　}

 

　　input::-moz-placeholder{

 

　　/*MozillaFirefox19+*/

 

　　color:#999;

 

　　}

 

　　input::-ms-input-placeholder{

 

　　/*InternetExplorer10+*/

 

　　color:#999;

 

　　}