使用：在輸入字段之前

我想在第一個輸入字段之前使用: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:before{ 
    content:"Test "; 
}

演示： http://jsfiddle.net/gb2wY/

'：before'應該被渲染爲它應用於的元素的新的第一個_child_元素 - 但是輸入字段不能擁有子元素。 – CBroe

http://stackoverflow.com/questions/2587669/css-after-pseudo-element-on-input-field – Danield

最乾淨的事情是使用一個標籤作爲包裝：http://jsfiddle.net/gb2wY/ 2/ –

我不認爲你不能這樣做，因爲input沒有任何內容之前把僞元素。

您可以改爲使用button元素。

2013-10-14 09:56:25

除了'date'input字段，顯然（至少在Chrome中）。我剛剛遇到了這個問題，其中日期字段將接受僞元素，但數字字段不會。 –

回答