html中如何让字段闪烁,html – 隐藏文本字段闪烁光标

尝试这个：

Text Area with no Carat

.textarea-wrapper {

position:relative;

}

.textarea-wrapper textarea {

background-color:white;

}

.textarea-wrapper, .textarea-wrapper textarea {

width:500px;

height:500px;

}

.textarea-wrapper textarea.hidden {

color:white;

opacity:0.00;

filter:alpha(opacity=00);

position:absolute;

top:0px;

left:0px;

}

$(document).ready(

function() {

$("textarea").addClass("-real-textarea");

$(".textarea-wrapper").append("");

$(".textarea-wrapper textarea.hidden").keyup(

function() {

$(".textarea-wrapper textarea.-real-textarea").val($(this).val());

}

);

$(".textarea-wrapper textarea.-real-textarea").focus(

function() {

$(this).parent().find("textarea.hidden").focus();

}

);

}

);

该想法是创建第二个，不可见的< textarea>超过/顶部的真实的。用户键入的是不可见的，但文本不会出现(也不是插入符号/光标)，因为它是不可见的！然后使用JavaScript将其值分配给可见的值。

但它似乎不工作在IE8：'(插入符仍然可见，即使不透明度起来到11。

但它适用于Firefox …？