Change color for one part of placeholder [duplicate]

Answer 1

You can do it like this:

<input type="email" placeholder="Retype email:" id="email">


#email {
   width: 95%;
   border: 1px solid black;
   font-size: 1.15em;
}

#email::-webkit-input-placeholder:after {
   content:"*";
   color:red;
   font-size:1.15em;
}

#email::-moz-placeholder:after {
     content:"*";
     color:red;
     font-size:1.15em;
 }
 #email:-ms-input-placeholder:after {     
     content:"*";
     color:red;
     font-size:1.15em;
}

Check the snippet below:

#email {
  width: 95%;
  border: 1px solid black;
  font-size: 1.15em;
}
#email::-webkit-input-placeholder:after {
  content: "*";
  color: red;
  font-size: 1.15em;
}
#email::-moz-placeholder:after {
  content: "*";
  color: red;
  font-size: 1.15em;
}

<input type="email" placeholder="Retype email:" id="email">