有没有让这个脚本工作，如果它甚至可能，我想在特定占位符的末尾添加一个红色（*）我尝试了CSS：after伪后在chrome中工作得很好。但我需要跨浏览器。
我有一些用红色（）取代任何（）的java脚本，但是如果它位于占位符中，它会显示标记。
<head>
#inputFormBorder ::-webkit-input-placeholder:after {color:red;content:"*";}
#inputFormBorder ::-moz-placeholder:after {color:red;content:"*";}
#inputFormBorder :-ms-input-placeholder:after {color:red;content:"*";}
#inputFormBorder0 ::-webkit-input-placeholder:after {content:"";}
#inputFormBorder0 ::-moz-placeholder:after {content:"";}
#inputFormBorder0 :-ms-input-placeholder:after {content:"";}
input {width:300px;}
</head>
<body>
<h4>this only works in chrome</h4>
<div id="inputFormBorder">
<input name="UserName" type="text" id="UserName" placeholder="User Name or Email">
<div>
<br><br>
<h4>cross browser?</h4>
<div id="inputFormBorder0">
<input name="UserName" type="text" id="UserName" placeholder="User Name or Email*">
<div>
<br><br>
<div id="inputFormBorder">
js turned this red *
<div>
<script>
$('#inputFormBorder0').each(function () {
$(this).html($(this).html().replace(/(\*)/g, '<span style="color: red;">*</span>'));
});
</script>
</body>
https://jsfiddle.net/zo16ruxd/15/
这个jsfiddle应该更好地解释。
谢谢！