更改占位符的一部分的颜色 [英] Change color for one part of placeholder

问题描述

如何更改占位符的一部分？

这是我的html：

 < div class =col-md-4> 
< p class =form-row form-row-wide> 
< input type =emailclass =input-textname =email2id =reg_email2placeholder =Retype email：*value =/> 
< / p> 
< / div> 
  

我只需将 * 更改为红色...

解决方案

您可以这样做：

 < input type =emailplaceholder =Retype email：id =email> 
 
 
 #email {
 width：95％; 
 border：1px纯黑色; 
 font-size：1.15em; 
} 
 
 #email ::  -  webkit-input-placeholder：after {
 content：*; 
颜色：红色; 
 font-size：1.15em; 
} 
 
 #email ::  -  moz-placeholder：after {
 content：*; 
颜色：红色; 
 font-size：1.15em; 
} 
 #email：-ms-input-placeholder：after {
 content：*; 
颜色：红色; 
 font-size：1.15em; 
 
  

查看下面的代码片段：
$ b $

  #email {width：95％;边框：1px纯黑色; font-size：1.15em;}＃email： -  webkit-input-placeholder：after {content：*;红色; font-size：1.15em;}＃email ::  -  moz-placeholder：after {content：*;红色; font-size：1.15em;}  

< input type =emailplaceholder =Retype email：id =email>

How can I change just one part of placeholder?

Here is my html:

<div class="col-md-4">
<p class="form-row form-row-wide">
<input type="email" class="input-text" name="email2" id="reg_email2" placeholder="Retype email: *" value="" />
</p>
</div>

I need just to change * to red...

解决方案

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">

这篇关于更改占位符的一部分的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！