html - 如何设置 html 密码字段的样式？用自定义的东西替换默认点

Question

我在设置密码字段的样式时遇到问题。我只需要知道如何用自定义图像替换默认点，如下图所示。

Answer 1

检查这个主题。我发现了一些奇怪的东西:)

input[type="password"]
{
  -webkit-text-security: disc;
}

Answer 2

你不能用 CSS 做到这一点。您需要制作一个自定义控件。

一种方法是制作一个自定义字体，其中每个字符都是相同的字形。另一种是使用 JS 来捕获 keyup 事件，然后生成一个带有重复背景图像的 div。

（如果你不知道怎么做，我会保持原样——如果你是初学者，这不是一个特别简单的任务。）

Answer 3

如何用自定义图像替换默认点

你不能用纯 CSS 跨浏览器。您可以尝试使用 JavaScript 和许多事件处理程序构建自定义密码字段，但它不可避免地会在一个或另一个浏览器中出现问题，特别是对于可能使用不同设计或自定义密码字段交互的移动设备。

不用管它，使用默认文本，并尽量避免与用户期望相混淆。