CSS input

去除激活 input 的默认边框

    // 三种方法都能实现
    input{
        outline: none;
        outline: medium;
        outline: 0;
    }

修改光标颜色

    input{
        outline: none;
        caret-color: red;
    }

placeholder 文字颜色修改
　　IE9及以下版本不支持input的placeholder属性，需要用JS来做兼容。

    input::-webkit-input-placeholder{
        color:red;
    }
    input::-moz-placeholder{   /* Mozilla Firefox 19+ */
        color:red;
    }　　
    input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        color:red;
    }
    input:-ms-input-placeholder{  /* Internet Explorer 10-1*/
        color:red;
    }

CSS input

推荐阅读