Javascript 显示/隐藏与我的css代码混乱的密码

显示/隐藏功能运行良好，但它会弄乱我的CSS文件，因为它与CSS文件中添加的样式不一致

每次勾选复选框时，密码输入类型的位置都会移向左上角，即使CSS文件另有说明

---

对于我使用的JS部分，CSS专门针对密码字段

.div-pwd input[type="password"]

当它不再是密码字段时，它将丢失其CSS规则

---

给它一个ID或一个类，用你的CSS规则作为目标。

旁注：有比你现在做的所有绝对定位更好的方法来获得这样的布局。请在问题本身中包含所有相关代码，你的问题是关于CSS的，但问题中没有CSS代码。让我们尽可能容易地帮助你。

function showPassword(check_box) { 
      var temp = document.getElementById("pwd"); 
      if (check_box.checked) { 
        temp.setAttribute("type","text") ;
      } 
      else {
        temp.setAttribute("type","password");
      } 
    }

.div-pwd input[type="password"]