jquery - 値内の特定の文字をターゲットにする

Question

私は次の入力テキストフィールドを持っています（Mailchimpサインアップフォームを介して）：

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

1. 値を2つの異なる色にすることは可能ですか？「Firstname」を黒で、「*」を赤で含む入力タグのvalue属性の値を作成したいと思います。

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/