小贝子编程

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

我想在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;
}

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

试试这个：

.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;
}

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

相关内容