占位符文本星号与普通星号不同

Question

我正在尝试将占位符中的星号设置为 div 星号，但 div 星号有六个尖星，而占位符星号有五个尖星。

*{
  font-size: 50px;
  }

<input type="password" placeholder="*****" /><!--It's five pointed stars-->
<div>*****</div><!--It's six pointed stars-->

我也试过 placeholder="*****" 但是它也出现了五颗尖星。

Answer 1

您需要将 font-family 归一化为呈现六个尖星号的 font-family（例如 serif）。您看到的问题是因为您的 input 和 body 使用了不同的默认字体集。

body,
input {
  font-size: 50px;
  font-family: serif;
}

<input type="password" placeholder="*****" />
<div>*****</div>

placeholder text asterisks differs than normal asterisks