jquery - css content 属性可以与输入值选择器一起使用吗

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

您不能在 replaced elements 上使用伪元素如CSS does not define这些元素(图像、表单控件、对象、 Canvas )的内容，因此虽然可以通过将输入包装在另一个元素中或仅使用伪元素本身来实现，但它的行为不会跨浏览器兼容确实取决于UA。您正在包机进入未知领域..