有没有什么办法来改变星号( *
),或在某些浏览器子弹( •
在密码字段出现),在HTML?
Answer 1:
你不能改变标准密码字段中输入密码屏蔽字符。 你可以用文本框假的,但它使一个弱的安全模型,因为你没有得到你的密码文本框做好保护。 作为一个侧面说明,它一般不会改变物品的行为,像这样的,因为用户已经习惯了掩蔽的一种形式是一个好主意,你将被引入一个不同的 - 如果没有很好的理由这样做,我ð避免它。
Answer 2:
创建自己的字体,并使用@font-face
和font-family
(和font-size
)的input[type="password"]
它应该帮助解决您的问题。 但是......你必须创建更换子弹和星号字符的字体。 在字体所有的字符数字可以表示相同的字符。 使用谷歌找到免费的程序来编辑矢量字体。
永远不要说“这是不可能的”。 你应该找到问题的黑客攻击。
26AB,25E6,25CF,25D8,25D9,2219,20F0,2022,2024,00B7,002A:人物与你的符号(为Chrome,Firefox和MSIE)所取代。
(18C)
Answer 3:
否 - 用户代理选择自己的默认风格,并有(据我所知)没有CSS属性,你可以改变,以确定掩蔽字符。
当然,这将是可能的,如果密码字段只是一个标准的文本字段,并手动屏蔽与JavaScript事件处理程序的输入(onkeypress事件,可能)。 你甚至可以声明字段type="password"
中的HTML,然后让JS功能修改DOM来改变它的类型。 我是有点担心这样做这一点,虽然; 该浏览器的实现是几乎可以肯定非常稳固,并避开建立的安全功能推出自己很少是个好主意。
Answer 4:
截至目前,它看起来好像这是可能的WebKit浏览器。 请参阅http://help.dottoro.com/lcbkewgt.php的例子和文档。
不适用于密码输入
<input type="text" style="-webkit-text-security: square;" />
还有其他浏览器当这个答案写,甚至在WebKit浏览器,允许您指定的字符是非常有限的没有很好的解决方案。
Answer 5:
<input type="text" style="-webkit-text-security: circle;" />
Answer 6:
我知道这是一个非常古老的问题,但我今天遇到这个问题,我解决它使用这种方法: 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; }
希望这可以帮助!