About the placeholder style setting problem of input, compatible with a variety of browsers

The font color of the general placeholder is lighter than the value of the input value, so we use the

:-webkit-input-placeholder,
:-moz-placeholder,
:-ms-input-placeholder, these pseudo-class elements.

The value on input on Safiri was found using a browser-defined font style, rather than the Arial font I originally set, the heart plug.

Note that this is not about Plaholder.

-o-.....

as follows, the placeholder and value of input are the desired font styles,

The font style on the button is written directly on the input. There's nothing more to say.

Input::-webkit-input-placeholder,
input{
Font-family:arial, Helvetica, Sans-serif;
}
Input:-moz-placeholder,
input{
Font-family:arial, Helvetica, Sans-serif;
}
Input:-ms-input-placeholder,
input{
Font-family:arial, Helvetica, Sans-serif;
}

--------------------------------------------------------

Finally, the discovery of a dog's blood was useless.

And then I tried so many times I thought it was useless.

The Real code:

::-webkit-input-placeholder{color: #f72109;}
::-moz-placeholder{color: #f72109;}
:-ms-placeholder{color: #f72109;}

. XX::-webkit-input-placeholder{color: #f72109;}
. XX::-moz-placeholder{color: #f72109;}
. XX:-ms-placeholder{color: #f72109;}

. xx is the class name

Or

Input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
Box-shadow:inset 0 0 0 1000px #fff;
-moz-box-shadow:inset 0 0 0 1000px #fff;
/*-webkit-box-shadow:inset 0 0 0 1000px #fff; */
}