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

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

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

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

CSS文件：

.pwd{

    border: 3px;
    border-color: red;

}

已邀请:

3 个回复

在那里，您还没有定义适当的边界。尝试这个：

.pwd {
    border: 3px solid red;
}

或者，如果您不想使用速记：

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

据我所知，<link>必须在<head>中。边框也应为：

border: 3px solid red;

将您的班级更改为

.pwd{
    border : 3px solid red;
}

有关更多信息，请查看此小提琴

要回复问题请先登录或注册