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;
}