Html仅在表单中的输入占位符字段中的颜色(*)符号

我有以下代码：

<input id="firstName" name="fname" type="text" maxlength="50" placeholder="First Name *" required>

如何将占位符值中的(*)符号着色为红色而不用其他文本着色(作为名字文本)？

任何帮助深表感谢！

谢谢！
人

解决方法

不幸的是,无法更改输入中某些文本的颜色:(您可以尝试使用一个可信的div：

<div class="input" contenteditable>First Name <span style="color:red;">*</span></div>

然后,您必须使用JS添加和删除占位符：

$(function(){
    $('.input').focus(function(){
        $(this).html('');
    });
    $('.input').blur(function(){
       if($(this).html()=='') this.innerHTML='First Name <span style="color:red;">*</span>';
    });
});

JSFiddle Demo