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元素。