html - 更改样式表中的输入类型

Question

我有一个输入定义如下:

<input name="Passwd-Input" class="pxBase-Input-Text" id="Passwd-Input" type="text">

现在我想在我的样式表中将“类型”表单文本更改为密码。

我可以通过 ID 寻址输入

现在我搜索如下解决方案:

#Passwd-Input{type:password;}

是否可以更改样式表中的类型，它是如何工作的？

Answer 1

如果你想像input[type=password]一样将输入值改为点(密码)值，你可以使用-webkit-text-security: disc

Note: only for -webkit- browsers..

.pwd {
  -webkit-text-security: disc;
}

<input class="pwd" type="text" value="Hello">