解释:“border: 0px;” 去除 placeholder 外"/>

css如何去掉input的边框颜色

css如何去掉input的边框颜色

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

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

解释:

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

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

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

(相关课程推荐:css视频教程

修改placeholder的字体颜色:

input::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #999;
        }

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

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

          color: #999;
        }

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

本文来自css答疑栏目,欢迎学习!

以上就是css如何去掉input的边框颜色的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读