提问者:小点点

如何用CSS样式使文本看起来像密码?


下面是由js(codemirror)生成的HTML片段。 我正在创建一个覆盖模式,并且能够为解析的令牌指定样式名称。

<span class="text">Data Source=myServer;User ID=sa;Password=</span>
<span class="hiddenText">12345</span>
<span class="text">;</span>

我认为,一旦解析了令牌并设置了样式,工作就应该完成了,因为您可以用CSS做任何事情,对吗?

但是现在我意识到我不知道如何使“12345”字符串看起来像CSS样式的密码。 它可以被替换成星星(但只是视觉上的),隐藏在任何种类的盘子后面等等。但它应该是可编辑和可复制的。

有什么特别的字体我可以使用吗?


共1个答案

匿名用户

不能直接用CSS更改type属性。

您可以使用readOnly输入属性,也可以使用type=“password”属性。

您可以使用以下代码:

<span class="text">Data Source=myServer;User ID=sa;Password=</span>
<input type="password" readOnly="true" class="hiddenText" value="12345">
<span class="text">;</span>