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

时间:2011-05-26 05:00:26

标签: html css visibility passwordbox cross-browser

我想用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;

}

3 个答案:

答案 0 :(得分:4)

就在那里,你还没有定义合适的边框。

试试这个:

.pwd {
    border: 3px solid red;
}

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

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

答案 1 :(得分:1)

据我所知,

<link>必须在<head>

边界应该是:

border: 3px solid red;

答案 2 :(得分:0)

将班级更改为

.pwd{
    border : 3px solid red;
}

有关详细信息,请查看此fiddle