el-input系列(el-input、el-select等)palceholder 的样式设置

el-input系列所有带有palceholder的,修改palceholder的样式。。。。。

为了避免样式污染,对placeholder先包一个父类

//谷歌浏览器
.父类 /deep/ input :: --webkit-input-placeholder{
    color:#FFF
}
//其他浏览器
       ::-moz-placeholder { /* Firefox 19+ */  
			color: red;
		}
		:-ms-input-placeholder { /* IE 10+ */ 
		 color: red;
		}
		:-moz-placeholder { /* Firefox 18- */ 
		 color: red;
		}

 2、input placeholder支持的属性

  • font properties
  • color
  • background properties
  • word-spacing
  • letter-spacing
  • text-decoration
  • vertical-align
  • text-transform
  • line-height
  • text-indent
  • opacity
     

你可能感兴趣的:(Element-UI)