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

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标准化为渲染六个星号的星号（例如serif）。您看到的问题是因为input和body使用了不同的默认字体集。

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

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