firefox - Chrome 中焦点占位符不会消失

Question

我根据下面的代码创建了一个输入。

<div>
  <form id="me" runat="server">
  <input id="stuff" type="text" placeholder="Type here" runat="server" />
  </form>
</div>

正如预期的那样，当我开始输入时，占位符文本消失。这在 Burning Cat 浏览器中可以正常工作，但在 Shiny Metal 浏览器中则不行。是什么原因导致的(样式、服务器标签、其他东西......)？对此可以采取什么措施？

Answer 1

我今天遇到了同样的问题，我想出了一个纯 CSS 解决方案 hack:

input:focus::-webkit-input-placeholder {
    color: transparent;
}