下面是由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样式的密码。 它可以被替换成星星(但只是视觉上的),隐藏在任何种类的盘子后面等等。但它应该是可编辑和可复制的。
有什么特别的字体我可以使用吗?
不能直接用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>