css教程系列4：input 去掉外边框,placeholder的字体颜色、字号

1 input 标签去除外边框：

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

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

解释：

“border: 0px；” 

去除 placeholder 外的边框

“outline:none;”

“去除点击input框时显示的边框

“cursor: pointer;”

点击显示光标光标呈现为指示链接的指针（一只手）

 

2 placeholder的字体颜色：

  查阅不同资料后发现，因为各家浏览器对css支持各有不同，所以需要对齐区别设置：

　 在样式表添加：

 

::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#999;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */

    color:#999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999;
}

 

效果：