Html 使用CSS在密码字段中圈出

以下是代码，这在Chrome中不起作用：

<input type="password" name="pass" style="
        -webkit-text-security: circle;
        " />

---

我可以使用什么代码使其工作？

这就是您要找的吗

<p><input type=text /></p>
<p><input type=text /></p>
<p><input type=text /></p>
<p><input type=text /></p>

<p><input type=password /></p>
<p><input type=password /></p>
<p><input type=password /></p>
<p><input type=password /></p>

<div class="important">
<p><input type=text /></p>
<p><input type=text /></p>
<p><input type=text /></p>
<p><input type=text /></p>

<p><input type=password /></p>
<p><input type=password /></p>
<p><input type=password /></p>
<p><input type=password /></p>
</div>

希望能有帮助

如果这在Webkit浏览器中不起作用，则是因为用户代理样式表具有以下代码：

input[type="password"] { -webkit-text-security: disc !important;} 输入[type=“password”]{-webkit文本安全性：disc！重要；}

---

虽然您可以覆盖UA样式表中的CSS，但不能覆盖！重要信息：在UA CSS中，出于安全考虑，无法更改类型密码输入的文本安全标记。但是，您可以标记文本输入字段，使其使用圆圈样式，使其行为和功能与密码字段完全相同

<input type="text" name="pass" style="-webkit-text-security: circle">

我认为使用css3文本安全性不是一个好主意，因为它可以在firebug或任何inspect元素浏览器上从“圆圈”转换为“无”features@JamesWebster这怎么不能回答这个问题呢？webkit文本安全标记不能用于更改文本哈希。如果OP想要达到同样的效果，他必须使用类型文本输入

<input type="text" name="pass" style="-webkit-text-security: circle">