Jim*_*anz 37 html passwords input
有没有办法更改asterisks(*),或者在某些浏览器中有一个bullet(•),它出现在HTML中的密码字段中？
Pet*_*lon 40
您无法更改标准密码字段中的密码屏蔽字符.您可以使用文本框伪装它,但它会导致弱安全模型,因为您无法从密码文本框中获得保护.作为一个侧面说明,它一般不会改变物品的行为,像这样的,因为用户已经习惯了掩蔽的一种形式是一个好主意,你将被引入一个不同的 - 如果没有很好的理由这样做,我避免它.
18C*_*18C 40
创建自己的字体并使用@font-face和font-family(和font-size)input[type="password"].它应该有助于解决您的问题.但是......你必须用替换的子弹和星号字符创建字体.字体中的所有字符数字可以表示相同的字符.使用谷歌查找免费程序来编辑矢量字体.
永远不要说"这是不可能的".你应该找到你的问题的黑客.
要用符号替换的字符(适用于Chrome,Firefox和MSIE):26AB,25E6,25CF,25D8,25D9,2219,20F0,2022,2024,00B7,002A.
(18C)
到目前为止，似乎在webkit浏览器中是可行的。有关示例和文档，请参阅http://help.dottoro.com/lcbkewgt.php。
不适用于密码输入
<input type="text" style="-webkit-text-security: square;" />截至撰写此答案时，其他浏览器都没有好的解决方案，即使在Webkit浏览器中，允许您指定的字符也非常有限。
我知道这是一个非常古老的问题，但我今天遇到了这个问题，我使用这种方法解决了它：https : //github.com/Mottie/input-password-bullet
基本上，我创建了一个新字体，其中将默认点分配给另一个图标。然后，只需要将字体文件导入到项目中，并添加一个类似这样的css：
@font-face {
font-family: 'fontello';
src: url('/fonts/fontello.eot');
src: url('/fonts/fontello.eot') format('embedded-opentype'),
url('/fonts/fontello.woff') format('woff'),
url('/fonts/fontello.ttf') format('truetype'),
url('/fonts/fontello.svg') format('svg');
font-weight: normal;
font-style: normal;
}
input[type="password"] {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
color: red;
font-size: 16px;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
/* add spacing to better separate each image */
letter-spacing: 2px;
}希望这可以帮助！
不 - 用户代理选择自己的默认样式，并且（据我所知）没有可以更改的 CSS 属性来确定掩码字符。
当然，如果密码字段只是一个标准文本字段，并且您使用 javascript 事件处理程序（可能是 onKeyPress）手动屏蔽输入，那么这将是可能的。您甚至可以像type="password"在 HTML 中一样声明该字段，然后让您的 JS 函数修改 DOM 以更改其类型。不过，我对这样做有点谨慎；浏览器的实现几乎可以肯定是非常可靠的，绕过既定的安全功能来推出自己的功能很少是一个好主意。