用在IE7中工作的CSS替换文本

Question

我使用以下脚本将"姓名"文本替换为"您的姓名"，但问题是此解决方案在IE7中不起作用，而不是"您的名字"上的"名称"有一个空白区域。有没有办法在IE7上做到这一点？

<style>
.info{
    visibility: hidden;
    position: relative;
}
.info:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Your Name";
}
</style>

Answer 1

IE7不支持:before和:after伪元素。 但是，您可以通过版本 8 做你的想法。

我知道你不精通JavaScript，但它可以很容易地完成，并且它支持waaaayy。 在此示例中，JavaScript 会自动将"Name"替换为"Your Name"：

document.getElementById('name1Label').innerHTML = document.getElementById('name1Label').innerHTML.replace("Name", "Your Name");
// the one line above can replace any text.
// change the value 'document.getElementById' brackets to target a different element.

<label for="name1" id="name1Label">Name: <input type="text" name="name1" id="name1"/></label>