input标签placeholder属性修改inputtextareaplaceholder属性的颜⾊和字体⼤⼩
话不多说，直接上代码：
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #666;
font-size: 16px;
}
input::-moz-placeholder,
textarea::-moz-placeholder {  /* Mozilla Firefox 19+ */
color: #666;
font-size: 16px;
}
input:-moz-placeholder,
textarea:-moz-placeholder {  /* Mozilla Firefox 4 to 18 */
color: #666;
font-size: 16px;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color: #666;
font-size: 16px;
}
注意：
  1、WebKit, Blink, Edge 浏览器等需要带上 -webkit- 前缀，且是双冒号，写的时候还要带上input
  2、针对⽕狐浏览器则有两种写法，⼀种是针对低版本的，⼀种是针对⾼版本的，⼆者都需要带上-moz-前缀。要点1：⽕狐低版本的使⽤冒号（:），⽽⾼版本的使⽤双冒号（::）；要点2：⽕狐浏览器不需要像webkit内核那样要带上input。
  3、由于 placeholder 属性只在IE10+才⽀持，因此，针对IE10、IE11的写法是加上-ms-前缀，使⽤的是冒号（:），需要带上input
特别强调：冒号与双冒号的问题，还有是否需要加上input
不⽤CSS得到同样效果的⽅法：
<input type="text" value="placeholder text" onfocus="lor='#000';this.value='';" />
这个⽅法也不是很友好，当内容输⼊⼀半若点击到⽂本框外的地⽅，再重新输⼊的时候，前⾯输⼊的内容为空了 o'o 所以还是少⽤吧~~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。