文本域占位符字体大小HTML CSS

Question

我该如何增加文本区域（textarea）的占位符字体大小？我尝试了这个方法，但没有成功。谢谢。

textarea::placeholder {
  font-size: 20;
}

- endlessCode

---

你刚刚错过了尺寸比例。将 font-size: 20; 更改为 font-size: 20px; 就可以解决问题了。 - Yuseferi

Answer 1

你忘了在结尾处添加px，这一点非常重要。例如，它如何知道你想要使用px或者em呢？

查看此链接获取更多信息。

textarea::placeholder {
  font-size: 20px;
}

<textarea placeholder="yes"></textarea>

- Aniket G

Answer 2

请尝试以下操作：

/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder { 
  font-size: 20px !important;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder { 
  font-size: 20px !important;
}

/* Microsoft Edge */
::-ms-input-placeholder { 
  font-size: 20px !important;
}

尽管如此，我还没有使用测试它，请您自行尝试。

- kapitan

Answer 3

请添加比例尺大小，这将解决您的问题。

---

字号：20像素;

- Mubeen Khan

Answer 4

你缺少了像是px、em或rem这样的单位。试试这个。

textarea::placeholder {
  font-size: 20px;
}

- hamza1248