覆蓋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元素中。 這到底是什么清單？