代码之家  ›  专栏  ›  技术社区  ›  anonymoose

更改占位符内容不按预期工作

  •  1
  • anonymoose  · 技术社区  · 6 年前

    我在页面中有一个占位符,但无法用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="">
    
    1 回复  |  直到 6 年前
        1
  •  2
  •   Seth McClaine    6 年前

    据我所知,通过查看文档,您不能通过css for placeholder更新内容。

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

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

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