问题描述
请告知，访问文本区域后是否可以保留其“颜色”。 在我的情况下，它设置为#fff白色，悬停时变成绿色（都很棒），鼠标悬停时变成默认的黑色。
我想知道是否可以修复它。
input::-webkit-input-placeholder {
color:#fff !important;
font-size: 18px;
font-family: 'Roboto',sans-serif;
}
input::-moz-placeholder { /* Firefox 19+ */
color:#fff !important;
font-size: 18px;
font-family: 'Roboto',sans-serif;
}
input:-ms-input-placeholder { /* IE 10+ */
color:#fff !important;
font-size: 18px;
font-family: 'Roboto',sans-serif;
}
textarea:-ms-input-placeholder { /* IE 10+ */
color:#fff !important;
font-size: 18px;
font-family: 'Roboto',sans-serif;
}
textarea::-webkit-input-placeholder
{
color:#fff !important;
font-size: 18px;
font-family: 'Roboto',sans-serif;
}
textarea::-moz-placeholder { /* Firefox 19+ */
color:#fff !important;
font-size: 18px;
font-family: 'Roboto',sans-serif;
}
.contact__form input:hover,.contact__form textarea:hover{
width: 80%;
background-color: rgba(255,255,0.4);
color: #32A999;}
.contact__form input:focus,.contact__form textarea:focus,.contact__form input:visited,.contact__form textarea:visited{
background-color: #fff;
color: #32A999;}
以下是我的代码示例：https://codepen.io/justinegor/pen/dyXbopp。
解决方法
在鼠标移出时，由于您尚未定义其常规color值（当不是 placeholder ， focus 或 ）。
input,text-area {
color: white; /* choose any color */
}
这是您的codepen，即使将鼠标移出后，颜色仍保持绿色。