在使用 contenteditable div 时模仿密码类型的输入

Imitate a password-type input while using a contenteditable div(在使用 contenteditable div 时模仿密码类型的输入)

问题描述

我使用 contenteditable div 而不是输入元素，因为它们在输入框中的样式方面更加灵活.我只是想知道是否有办法让输入看起来像一个输入元素，其类型设置为密码，如下所示:

<输入类型='密码'>

我希望这已经足够清楚了.谢谢.

你必须找出 mozilla 和 co.. 的浏览器特定的 CSS 设置.但在 webkit 中它看起来像这样.您还需要通过 javascript 为其添加按键处理程序.

<style>#密码 {-webkit-text-security:光盘；高度:20px；宽度:100 像素；-webkit-外观:文本字段；填充:1px；背景颜色:白色；边框:2px 插图；-webkit-user-select:文本；光标:自动；}</风格><div id="password" contenteditable="true">你的密码</div><脚本>//你可以使用 javascript 来做一些好的事情var fakepassw=document.getElementById('password');//fakepassw.contentEditable="true";fakepassw.addEventListener('focus',function(e){/*yourcode*