设置input中的placeholder


如果希望点击input(type=text)元素之后,placeholder消失有2种方法:

1.js方法
使用focusblur事件


2.使用css3伪类

通过 ::placeholder:focus 伪类来处理,注意添加前缀

input:focus::-webkit-input-placeholder { color: transparent }
input:focus:-moz-placeholder { color: transparent }  // FF4-18
input:focus:-moz-placeholder { color: transparent }  // FF18+
input:focus:-ms-input-placeholder { color: transparent }  // IE10+

你可能感兴趣的:(设置input中的placeholder)