为input设置placeholder颜色

今天俺跟大家分享一个小技巧，那就是这只input的placeholder颜色，因为要考虑到不同浏览器，所以需要添加不通的浏览器前缀，另外在ie10之前的版本是没有办法设置placeholder颜色的。

这人说：
placeholder 属性适用于以下的 类型：text, search, url, telephone, email 以及 password。
由于 placeholder 是 HTML5 的属性，仅支持 HTML5 的浏览器才支持 placeholder，目前最新的
Firefox、Chrome、Safari 以及 IE9 都支持，IE9 和 Opera12 以下版本的 CSS选择器均不支持占位文本。

input{
    &::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #a5a5a5;
    }
    &::-webkit-input-placeholder { 
	/* WebKit browsers，webkit内核浏览器 */
		color: #ccc; 
		font-size: 16px;
	} 
	&:-moz-placeholder { 
	/* Mozilla Firefox 4 to 18 */ 
		color: #ccc; 
		font-size: 16px;
	} 
    &::-moz-placeholder { 
	/* Mozilla Firefox 19+ */ 
		color: #ccc; 
		font-size: 16px;
	} 
	&:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #a5a5a5;
    }
    &::-ms-input-placeholder { /* Microsoft Edge */
      color: #a5a5a5;
    }
  }

详细的https://blog.csdn.net/a909197213/article/details/51782786

原https://blog.csdn.net/liaowenxiong/article/details/121748071
原https://www.pipipi.net/1730.html