如何只更改占位符的一部分?
这是我的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">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)