html - 入力フィールドで :before を使用する

Question

を使用して、次のマークアップの最初の入力フィールドの前にコンテンツを追加したいと考えてい:beforeます。:before を使用する理由は、マークアップを変更できないためです。

私はこれを試していますが、うまくいきません：

HTML:

<p class="submit">
    <input id="submit" type="submit" value="Post" name="submit">
    <input id="" type="hidden" value="" name="">
</p>

CSS:

.submit input:before{
    content:"Test ";
}

これは機能しますが、コンテンツを .submit 内に配置したい:

.submit:before{
    content:"Test ";
}

デモ: http://jsfiddle.net/gb2wY/

Answer 1

input疑似要素を前に置くコンテンツがないため、これを行うことはできないと思います。

button代わりに要素を使用できます。