使用:在输入字段之前

时间:2013-10-14 09:52:21

标签: html css

我想使用: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/

1 个答案:

答案 0 :(得分:7)

我认为你不能这样做,因为input没有内容可以放置伪元素。

您可以使用button元素。