当焦点对准输入字段时，占位符不会消失 [英] Placeholder doesn't disappear when input field in focus

问题描述

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

The placeholder value of each input field on a form should disappear when the user selects the field, but it does not. Doctype is 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" />

推荐答案

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 /

这篇关于当焦点对准输入字段时，占位符不会消失的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！