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

时间:2014-12-01 01:39:10

标签: css

我使用以下脚本替换用“您的姓名”提交的“姓名”文本但问题是此解决方案在IE7中不起作用而不是“您的姓名”上的“名称”有一个空白区域。有没有办法让这个工作与IE7一起使用?

<style>

.info{
    visibility: hidden;
    position: relative;

}

.info:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Your Name";
}

</style>

1 个答案:

答案 0 :(得分:0)

IE7中不支持:before:after伪元素。但是,您可以通过版本8了解它。

我知道你不能流利使用JavaScript,但它可以轻松完成,并且支持waaaaaayyyyy。在此示例中,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>