input属性修改

下面的代码是修改vue的组建时候查到的；

当时问题出在input的placeholder颜色需要更换，但是一直没有可以使用的方法；

下面贴上一段代码

input的placeholder的内容颜色就可以被修改了；

/* WebKit browsers */
input::-webkit-input-placeholder {
    color: #C0C0C0;
    font-size: 14px;
}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder {
    color: #C0C0C0;
    opacity: 1;
    font-size: 14px;
}
/* Mozilla Firefox 19+ */
input::-moz-placeholder {
    color: #C0C0C0;
    opacity: 1;
    font-size: 14px;
}
/* Internet Explorer 10+ */
input:-ms-input-placeholder {
    color: #C0C0C0;
    font-size: 14px;
}

修改输入框选中时的样式

input[type=text]:focus { 
    outline: none;
    border-color: #2ca63b;
    background-color: #fff;
 }
input[type=text]::selection{
    background:transparent;
    background-color: #fff;
}
input[type=text]::-moz-selection{
    background:transparent;
    background-color: #fff;
}

如果想从初始化；

-web-kit-appearance:none; 
 -moz-appearance: none;

去掉input轮廓

outline:0;

修改input的聚焦时颜色

.class focus{ border-color:red; }

修改文字颜色（含光标）

input{    color:red;}

修改文字颜色（不含光标）

input{    caret-color:red;}

以上即使对input的修改方法。

转载于:https://www.cnblogs.com/Tmode/p/10941976.html