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

Posted 2021-05-04

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

如果是这样，任何人都分享一个免费字体，只给出数字的子弹？

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

我上面试过了。但我仍然喜欢bullet字体。

答案

如果它能够查看和隐藏它的值，你可以使用一些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;

另一答案

试试这个：

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