如何使用JavaScript隐藏“:before”伪选择器

时间:2014-09-29 07:24:27

标签: javascript css

有没有人知道如何隐藏CSS':之前'使用JavaScript的伪选择器?我使用了两个箭头指向一个荣耀输入字段。箭头使用unicode制作,并显示为":before"伪选择器。出于某种原因,页面加载时会显示它们。它们应该继承自JavaScript" display =' none';"它们应该被隐藏,但箭头仍然会出现。

JsFiddle代码示例: http://jsfiddle.net/ryanjohnsond/nyytwqmy/2/

此课程" .error-text-login:在{}"之前没有收到JavaScript命令" display =' none';

.error-text-login:before {
 content: '\0020 \21E1 \0020';
  vertical-align: bottom; 
 }


 else if (pswd != "" || lenPswd.length > 0){
 document.getElementById('passwordLogin').className = 'default';
 document.getElementById('pswd-error').innerHTML = "";
 document.getElementById('pswd-error').style.display = "none";
 }

1 个答案:

答案 0 :(得分:3)

你必须使用css

CSS:

.hide-before:before {
    display: none !important;
}

JS:

pswd-error.className += ' hide-before';