覆盖type = password输入格式

Question

这是我的登录小部件。 如您所见，用户名和密码字段具有不同的文本框。 我希望他们仅具有“用户名”字段具有的文本框。 问题在于，唯一不同的是输入类型。 我希望密码字段不显示密码。 用户名字段将是哪个。

那么我该如何解决呢？

代码是这样的：

<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。 您很可能只针对type为“文本”的input元素（尽管您也可能仅针对name或id等于“登录”的id ）：

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

您可以通过包含type为“密码”的input元素来纠正此问题：

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

更新：根据您提供的代码，需要在第1166行更改选择器。还需要在第1189行更改:focus选择器：

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

---

附带说明一下，从语义上讲，您的代码似乎无效。 您的表单元素包含在li元素中。 这到底是什么清单？