<分区>
如何只更改占位符的一部分?
这是我的 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>
我只需要将 *
更改为红色...
<分区>
如何只更改占位符的一部分?
这是我的 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>
我只需要将 *
更改为红色...
最佳答案
你可以这样做:
<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;
}
检查下面的片段:
#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">
关于html - 更改占位符的一部分的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35683601/