有没有办法在输入字段中显示项目符号而不是数字答案

【问题标题】：Is there any way to show bullets instead of numbers in input field有没有办法在输入字段中显示项目符号而不是数字
【发布时间】：2018-03-01 19:12:46
【问题描述】：

我需要在我的输入字段中显示项目符号而不是数字。那有什么最简单的方法吗？我喜欢使用一些基于项目符号的字体，所以数字会被隐藏。

如果是这样，任何人都可以分享一个免费字体，只为数字提供项目符号？

<input type="tel" value="&#9679;">

我试过像上面那样。但我仍然喜欢使用bullet 字体。

【问题讨论】：

type="password"
type="password"?
不，我不想在这里添加类型作为密码，因为一段时间后我需要在同一字段中显示数字，这就是我正在寻找的字体系列。这就像暂时屏蔽要求
那么下次在你的问题中指定这个可能吗？
How to make input type="tel" work as type="password"的可能重复

标签： css html fonts

【解决方案1】：

如果可以查看和隐藏它的值，你可以用一点JS来设置它的type属性为tel或password？

<input type="password" id="field">
<script>const toggleVisibility = () => {
    let element = document.querySelector("#field");
    element.setAttribute("type", (element.getAttribute("type") == "password") ? "tel" : "password");
}
</script>

希望对您有所帮助，如果这不是您想要的，那么您可能会发现这个 CSS 属性很有用：-webkit-text-security: disc;

【讨论】：

【解决方案2】：

试试这个：

input {
    -webkit-text-security: disc;
}

【讨论】：