html - 如何覆盖自定义占位符 css

Question

我有一个表单，在从移动屏幕查看时需要占位符。我在桌面模式下不需要它们，所以我添加了一些字体为白色的 css，直到屏幕分辨率中断到移动设备。然后它会改变颜色以使其可见。问题是在桌面模式下我需要显示一些文本区域来显示占位符。我如何覆盖样式表中的 css？

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color:    #FFFFFF !important;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
color:    #FFFFFF !important;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
color:    #FFFFFF !important;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color:    #FFFFFF !important;
}
@media (max-width: 1070px) {
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color:    #737373 !important;
}
 input:-moz-placeholder, textarea:-moz-placeholder { 
color:    #737373 !important;
 }
input::-moz-placeholder, textarea::-moz-placeholder { 
color:    #737373 !important;
 }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color:    #737373 !important;
 }
 }

Answer 1

添加可见类

.visible::-webkit-input-placeholder{
 color:    #000 !important;
}

将上面的类添加到需要显示占位符的textarea中