jquery - 定位值内的特定字符

Question

我有以下输入文本字段（通过 Mailchimp 注册表单）：

<input type="text" value="First name*" name="FNAME" class="required" id="mce-FNAME"/>

1. 是否可以将值设为两种不同的颜色？我想将包含“名字”的输入标签的值属性值设为黑色，将“*”设为红色。

2. 有没有办法在不丢失它保留的 Mailchimp 表单功能的情况下做到这一点？

Answer 1

我已经完成了以下操作：

.required {
    background-image: url('images/rwcmd-asterisk.png')!IMPORTANT;
    background-repeat:no-repeat!IMPORTANT;
    background-position:97% 16%;
    }

不理想，但真的别无选择。

Answer 2

您可以将内容修改为以下内容：

<p class="required">
    <input type="text" value="First name" name="FNAME"
        class="required" id="mce-FNAME" />
</p>

CSS：

p.required:after {
    color:red;
    content:"*";
}

http://jsfiddle.net/uAKEa/