html - 自定义密码字段在浏览器中不可见

Question

我想在 HTML 中创建自定义密码但是当我使用 chrome 等浏览器运行它时，Mozilla 在那里不可见。请找到我的 HTML 和 CSS。我做错了什么？

<link href="mypwd.css" rel="stylesheet" type="text/css" />

<input type="password" class="pwd">

CSS 文件:

.pwd{

    border: 3px;
    border-color: red;

}

Answer 1

它在那里，你只是没有定义一个合适的边界。

试试这个:

.pwd {
    border: 3px solid red;
}

或者如果您不想使用速记:

.pwd {
    border-color: red;
    border-style: solid;
    border-width: 3px;
}