jquery - css コンテンツ プロパティを入力値セレクターで使用できますか

Question

入力ボックスの値にテキストを追加する方法はありますか? これは私がしようとしているものです:

http://jsfiddle.net/uuHBB/

html:

<div class="test">
    test
</div>
<input type="text" value="1" />
<input type="text" value="2" />

CSS:

input[value]:before {content:"Number:";}
input[value] {color: blue;}
.test:before {content:"This is a ";}

div にテキストを追加して入力値の色を変更することはできますが、入力値にテキストを追加するのは好きではないようです。

これが CSS でできない場合は、JavaScript/jQuery を使用したソリューションが必要です。

Answer 1

CSS はこれらの要素 (画像、フォーム コントロール、オブジェクト、キャンバス) のコンテンツを定義しないため、置き換えられた要素で疑似要素を使用することはできません。疑似要素自体は、その動作が UA に実際に依存しているため、ブラウザー間の互換性はありません。あなたは未知の領域にチャーターしています..