获取输入type = text看起来像type = password

  • Z时代
  • 2024-01-10
  • 分类：问答

tl; dr

我有一个输入type=text，我想像type=password仅使用CSS 的输入一样显示星星。

基本上我有一个带有以下输入的表单：

<input type='text' value='hello' id='cake' />

我没有生成表单，根本没有访问它的HTML的权限。但是，我确实可以将CSS应用于该页面。

我想要的是使其表现为type=password，即-为用户输入的内容显示星号，而不是实际输入的文本。基本上，我希望该方面（用户输入的表示）看起来像一个type=password字段。

由于这似乎只是一个演示问题，所以我认为必须使用CSS来解决此问题，因为它属于责任领域。但是-我还没有找到这样的方法。我必须支持IE8

+，但我宁愿有一个仅适用于现代浏览器的解决方案，而根本没有解决方案。防止复制/粘贴功能的要点，但我可以没有。

如果不清楚，则无法将HTML或JavaScript添加到页面-仅添加CSS。

（我发现的只是这个问题，但是它正在处理与jQuery有关的问题，并且具有JavaScript解决方案）

回答：

就像@ThiefMaster建议的一样

input.pw {
    -webkit-text-security: disc;
}

但是，这将在webkit后代的浏览器中工作。Opera，Chrome和Safari，但对其余的支持不多，另一个解决方案是使用webfonts。

使用任何字体编辑实用程序（例如FontForge）来创建一种字体，其中所有字符都为*（或所需的任何符号）。然后使用CSS

Web字体将它们用作自定义字体。

以上是 获取输入type = text看起来像type = password 的全部内容， 来源链接： utcz.com/qa/402509.html

回到顶部