Question

我已经放置了以下CSS代码，以使占位符文字“消失”。在焦点上。它适用于表单的前（4）个字段，但对于大型消息框，它似乎不起作用！

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

网址为http://dfb.a2c.myftpupload.com/products/garment-conveyor/，表单位于页面底部！

有关为什么我们如何提供帮助的任何帮助或建议？＆＃39;表单的部分似乎不受上述代码的影响！

由于

- 编辑 -

它似乎在Internet Explorer中工作，而不是Google Chrome！

Answer 1

请添加以下内容：

textarea::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

由于最后一个表单控件是textarea。

Answer 2

谢谢 - 工作得很好！我刚刚将*：focus ::添加到代码的第一行，以便占位符文本可见，除非点击。

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */

联系表单占位符文本在焦点上不会消失。我究竟做错了什么？

2 个答案: