如何使用 JS 选择 input::placeholder？ [复制]

Question

我有这个 CSS：input::placeholder {font-size: 30px}

我试图在 JS 中更改输入占位符 CSS

var inputPlaceholder = document.querySelector("input::placeholder");
inputPlaceholder.style.fontSize = "5px";

但控制台返回 Uncaught TypeError: Cannot read property 'style' of null.

如何正确更改输入占位符 CSS？

Answer 1

试试这个：

<input type="text" style="font-size: 30px" placeholder="Here." id="new"/>

var inputPlaceholder = document.getElementById('new');
inputPlaceholder.style.fontSize = "5px";