更改占位符内容无法正常工作

Question

我在页面中有一个占位符，但是无法用CSS替换文本。输入的颜色，大小和字体样式更改了，但内容没有更改吗？如何替换占位符内容？

input::placeholder {
  color: black;
  font-style: italic;
  content:"This isn't changing";
}

---

<input type="text" class="input-text" name="job_location" id="job_location" placeholder="e.g. &quot;London&quot;" value="" maxlength="">

Answer 1

据我看文档所知，您无法通过CSS为占位符更新内容

https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder

您可以考虑使用js更新占位符。

document.getElementsByName('job_location')[0].placeholder='new text';