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的修改方法。