将密码输入从项目符号更改为方框
change password input from bullet points to squares
我正在我的网站上创建一个简单的登录表单。大多数登录页面都有一个非常"方形"的外观,除了密码输入使用小圆圈。
我想继续在"方框"上查看密码输入,但是,似乎找不到任何解决方案。
假设这是我当前的输入字段在我的HTML,我将如何使用CSS把圆圈变成正方形在我的密码字段?
<input type="password" name="password" id="password" autocomplete="off">
我在我访问过的其他网站上看到过这种效果,但我无法复制正方形输入。如果在CSS中无法做到这一点,那么在JavaScript中有可能做到吗?
谢谢。:)
我不确定这是否被支持,所以如果不支持CSS,检查支持和更改输入类型总是一个很好的做法
window.onload = function() {
init();
}
function init() {
var x = document.getElementsByClassName("sqpass")[0];
var style = window.getComputedStyle(x);
if (!style.webkitTextSecurity && !style.textSecurity) {
x.setAttribute("type", "password");
}
}
input.sqpass {
-webkit-text-security: square;
text-security: square;
}
<input type="text" name="password" id="password" autocomplete="off" class="sqpass">
相关文章:
- 在.csv文件中写入学位符号
- 使用相同的数据集绘制各种符号
- 将带点符号的属性(有时)传递给函数
- RegEx JavaScript:数字后的符号提取
- 用JavaScript/jQuery点击图片,选中多个方框
- 如何在计算器符号为零时替换它
- 删除输入中输入的符号
- 如何在ReactJs中渲染重音符号
- 如何替换JavaScript字符串中除字母和数字之外的所有内容(空格/符号)
- 插入符号到底是什么
- 删除图形和数字之间的连字符(-)符号
- 浏览器intl.NumberFormat未正确显示货币符号
- JS toLocaleString始终显示货币符号,而不考虑区域设置
- 将插入符号位置移动到ContentEditable<DIV>
- 为更改的输入返回插入符号位置的逻辑
- 包含转义符号的正则表达式
- Javascript中的符号
- 在slitify中制作二级项目符号的动画
- javascript美元符号变量不起作用
- 将密码输入从项目符号更改为方框