修改input输入字体的颜色
color:red;
修改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;
}
默认填充密码字体的颜色
参考:https://blog.csdn.net/zhengjie0722/article/details/90319321
默认情况:字体颜色会白,然后变成黑色,且字体大小也会有变化。
/* 99999s 基本上就是一个无限长的时间
通过延长增加自动填充背景色的方式, 是用户感受不到样式的变化
*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
//-webkit-transition-delay: 99999s; /* 字体大小的动画,我们不需要有*/
font-size: 12px;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
input focus的outline
outline:none; // input focus的时候,没有outline就可以了。
.ks-input:focus {
.outline: 0;
.box-shadow: 0 0 0 2px rgba(0, 178, 89, 0.2);
}