Question

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

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

<name>sparkjob</name>
  <url>http://maven.apache.org</url>

  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
  </properties>

  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>3.8.1</version>
      <scope>test</scope>
    </dependency>
    <dependency>
  <groupId>org.apache.spark</groupId>
  <artifactId>spark-core_2.10</artifactId>
  <version>1.6.1</version>
</dependency>
 <dependency>
  <groupId>org.apache.spark</groupId>
  <artifactId>spark-sql_2.10</artifactId>
  <version>1.6.1</version>
</dependency>
    <dependency>
  <groupId>org.scala-tools</groupId>
  <artifactId>maven-scala-plugin</artifactId>
  <version>2.10</version>
</dependency>

  </dependencies>
</project>

我上面试过了。但我仍然喜欢<input type="tel" value="●">字体。

Answer 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;

Answer 2

试试这个：

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

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

2 个答案: