css - テキストフィールド内に複数のフォントの色を表示する方法

Question

「あなたの名前*」のようなテキストフィールド内のテキストが欲しいのですが、
「あなたの名前」の色は黒で、*の色は赤である必要があります。
これどうやってするの？？

私を助けてください。

Answer 1

それはいけません; テキスト入力フィールドの値はプレーン テキストです。

必要に応じて必要性の指標を含む説明を、フィールドではなくラベルに入れます。インジケーターにマークアップを使用して、色を付けることができます。

<label for=name>Your name<span class=reqd>*</span>:</label>
<input id=name name=name size=40 required>

Answer 2

1 つのテキスト ボックスに異なる色を含めることはできません。（とにかくブラウザ間で確実に）

必須フィールドのこの問題に対する最も一般的なアプローチは、テキストを赤に設定するクラスを持つ要素のテキスト ボックスの直後にアスタリスクを配置することです。

例: http://jsfiddle.net/JzFd4/

Answer 3

私はあなたがこれを望むべきだと思います

CSS

label{
    color:black;
}
label  span {
    color:red;
}
input{
    line-height:25px;
    color:gray;
    font-size:16px;
}

input:focus{
color:black;
}

HTML

<label>
    Your Name:- <input type="text" value="your name"><span>*</span>
</label>

ライブデモhttp://jsfiddle.net/rohitazad/dZmaZ/