override type =输入格式的密码

Question

这是我的登录小部件。正如您所看到的，用户名和密码字段具有不同的文本框。我希望他们只拥有＆＃34;用户名＆＃34;领域有。问题是它们唯一不同的是输入类型。我希望密码字段不显示密码。其中包含用户名字段。

所以我该如何解决这个问题？

代码是这样的：

<div id="sidebar">
<div class="widget">
    <h3 class="widgettitle">Honestreviews.se</h3>
    <div class="textwidget">
        <form action="../login-exec.php" method="post">
        <ul id="login">
            <li>
                Username:<br>
                <input name="login" type="text" id="login" />
            </li>
            <li>
                Password:<br>
                <input name="password" type="password" id="password" />
            </li>
            <li>
                <input type="submit" value="Log in">
            </li>
            <li>
                <a href="register.php">Register</a>
            </li>
    </div>
</div>
<div class="widget_divide"></div>

Answer 1

问题是你的CSS。您很可能只定位input为“文字”的type元素（尽管您可能只定位name或id等于“登录”）：

input[type="text"] {
    ...
}

您可以通过将input元素包含type“密码”来解决此问题：

input[type="text"],
input[type="password"] {
    ...
}

更新：根据code you've provided，您的选择器需要在1166行进行更改。您还需要在第1189行更改:focus选择器：< / p>

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    ...
}

---

作为旁注，从语义上看，您的代码似乎无效。表单元素包含在li个元素中。这究竟是什么？