占位符文本不会消失

时间:2016-10-05 作者:praveen

我已经使用Mailpoter设置了一个新闻稿表单。然而,无论我尝试了什么,占位符文本都不会在单击输入字段时消失。我尝试添加以下css代码,但仍然不起作用

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE */
我的网站是新的。棒棒糖水果。ae

1 个回复
SO网友:startToday

我相信这个脚本会对你有用:

$(\'[placeholder]\').each(function(){
    var $this = $(this);
    $this.data(\'placeholder\', $this.attr(\'placeholder\'))
         .focus(function(){$this.removeAttr(\'placeholder\');})
         .blur(function(){$this.attr(\'placeholder\', $this.data(\'placeholder\'));});
});