“如何隐藏”：“之前”；使用JavaScript的Psuedo选择器

有人知道如何用JavaScript隐藏CSS“：before”伪选择器吗？我使用两个箭头指向无效输入字段。箭头由unicode制成，并使用“：before”伪选择器显示。由于某些原因，在页面加载时会显示它们。它们应该是从JavaScript“display='none'；”继承的，它们应该是隐藏的，但箭头仍然显示

jsidle代码示例：

此类“.error text login:before{}”未接收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";
 }

你必须使用css

CSS:

JS:

你必须使用css

CSS:

JS:

---

只需添加到css类

。错误文本登录

显示规则，如

display:none

您的代码非常死板，可以改进很多。我强烈建议您将其发布并请求适当的代码审阅，您可能会学到很多。@Grundy:谢谢！很有趣。我本来是为另一个版本的代码编写的，但它确实有用不适用于该版本；因此我尝试了当前的方法，认为JS可以处理：我认为CSS显示：无；将覆盖JS dislay=“无”";只需添加到css类

。错误文本登录

显示规则，如

display:none

您的代码非常不灵活，可以改进很多。我强烈建议您将其发布并要求进行适当的代码审查，您可能会学到很多东西。@Grundy:谢谢！有趣的我最初在代码的另一个版本中使用了它，但它在该版本中不起作用；所以我尝试了当前的方法，认为JS可以处理这个问题：我认为CSS显示：无；将覆盖JS dislay=“none”；

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

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