我有一个输入type=text,我希望显示星星像输入type=password只使用CSS.
基本上我有一个表格,输入如下:
<input type='text' value='hello' id='cake' />
我没有生成表单,我根本无法访问它的HTML.但我可以访问应用于页面的CSS.
我喜欢它的行为就像type=password是 - 显示用户键入的内容而不是输入的实际文本.基本上,我希望那个方面(用户输入的呈现)看起来像一个type=password字段.
由于这似乎只是一个演示问题,我认为必须有一种方法来使用CSS,因为它在其责任域中.但是 - 我还没有找到这样的方法.我必须支持IE8 +,但我宁愿有一个适用于现代浏览器的解决方案,完全没有解决方案.防止复制/粘贴功能的额外点,但我可以没有它.
注意: 如果不清楚,我无法向页面添加HTML或JavaScript - 仅限CSS.
(我发现的只有这个问题,但它正在处理与jQuery相关的问题,它有一个JavaScript解决方案)
当使用input标签作为type="tel"触摸设备上的键盘时,输入框的类型对应.但是,我希望input隐藏标签中的值(与password类型一样).正常的行为是在用户输入时隐藏每个角色.
<input type="tel">
input [type="tel"] {
-webkit-text-security: disc;
}
此解决方案适用于大多数浏览器,但不适用于IE.
<input type="password" pattern="[0-9]*" inputmode="numeric">
此解决方案无法按预期工作.
有没有办法完成我想要做的事情？