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

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

}

2011-05-26 Eshika

什么是你看到？ – Ibu 2011-05-26 05:03:46

它的存在，你只是还没有确定一个适当的边界。

试试这个：

.pwd { 
    border: 3px solid red; 
}

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

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

2011-05-26 05:03:12 drudge

<link>将不得不在<head>据我所知。

而且边框应该是：

border: 3px solid red;

2011-05-26 05:03:44 Marty

这不是有效的HTML，但大多数浏览器仍然会处理它。 – drudge 2011-05-26 05:04:22

@jnpcl注意，谢谢。 – Marty 2011-05-26 05:05:18

我保持CSS链接本身。但在eclipse中，当我打开这个HTML与打开 - >网页编辑器，在预览密码字段不显示。原因是什么？ – Eshika 2011-05-26 05:25:46

类改为

.pwd{ 
    border : 3px solid red; 
}

更多的Infor检查这个fiddle

2011-05-26 05:06:43

'display：block;'是什么意思？ – drudge 2011-05-26 05:07:51

我输错了。反正我纠正了它。 – 2011-05-26 09:08:02

回答