当输入字段处于焦点时,占位符不会消失

Question

当用户选择字段时,表单上每个输入字段的占位符值应该消失,但事实并非如此.Doctype是HTML5.

http://dailyspiro.com/index.html

<input required type="text" name="user-first-name" id="user-first-name" placeholder="First Name" class="text ui-widget-content ui-corner-all decorative-icon icon-user" />

Answer 1

CSS

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://sridharkatakam.com/make-search-form-input-box-text-go-away-focus-genesis/