Html 将类添加到webkit输入

Html 将类添加到webkit输入,html,css,Html,Css,嗨 以上内容对我来说太笼统了,我不确定如何将.inputFooter类添加到占位符输入中。这是因为占位符在两个实例中需要两种不同的颜色,因此我不能有一个适用于所有实例的通用规则。只需在开头添加类即可。 注意:将颜色更改为红色以便于查看 ::-webkit-input-placeholder { color: white; font-size: 16px; border-top: none; } :-moz-placeholder { /* Firefox 18- */


以上内容对我来说太笼统了,我不确定如何将
.inputFooter
类添加到占位符输入中。这是因为占位符在两个实例中需要两种不同的颜色,因此我不能有一个适用于所有实例的通用规则。

只需在开头添加类即可。 注意:将颜色更改为红色以便于查看

::-webkit-input-placeholder {
   color: white;
   font-size: 16px;
   border-top: none;
}

:-moz-placeholder { /* Firefox 18- */
   color: white;
   font-size: 16px;
   border-top: none;

}

::-moz-placeholder {  /* Firefox 19+ */
   color: white;
   font-size: 16px;
   border-top: none;

}

:-ms-input-placeholder {
   color: white;
   font-size: 16px;
   border-top: none;
}
.inputFooter::-webkit-input-placeholder {
   color: red;
   font-size: 16px;
   border-top: none;
}

.inputFooter:-moz-placeholder { /* Firefox 18- */
   color: red;
   font-size: 16px;
   border-top: none;

}

.inputFooter::-moz-placeholder {  /* Firefox 19+ */
   color: red;
   font-size: 16px;
   border-top: none;

}

.inputFooter:-ms-input-placeholder {
   color: red;
   font-size: 16px;
   border-top: none;
}