更改HTML5中的屏蔽字符

Question

如何更改密码字段的HTML 5中的屏蔽字符？是否可以这样做？

我搜索了但没有找到满意的答案。

Answer 1

可以通过使用自定义Web字体来执行此操作，该字体使用浏览器通常用于掩盖输入字符的星号字符的另一个字形。

（如果浏览器使用不同的字符，则无法使用。但如果您将某些字符标识为可能的屏蔽字符，则可以制作一个网络字体对所有这些字符使用相同的字形。）

Answer 2

简短的回答是你无法做到。更长的答案是使用CBroe建议的并使用不同的字体。

这实际上是我解决了一个完全不同的问题。我在密码箱中注意到盒子是＆＃34;跳跃＆＃34;用户输入PIN时，只需几个像素。我认为这只是一个IE 10/11问题，​​但结果却是所有事情的字体。我使用的是Lato字体：

@font-face
{
    font-family: 'Lato';
    font-style: normal;
    font-weight: normal;
    src: url('/Lato-Regular.ttf') format('truetype');
}

无论出于何种原因，使用的密码子弹都会导致输入框移动。解决方案最终只是简单地将密码输入框的字体改为其他任何东西，并且跳转停止了。

#choose_pin,
#confirm_pin
{
    width: 188px;
    font-family: "Times New Roman", Times, serif;
}