css样式、各个浏览器适配

text-align

text-align: center; /*IE*/
text-align: -moz-center; /*Firefox*/
text-align: -webkit-center; /*Chrome*/

background-color

background-color:orange;  /* all - for Firefox/Chrome */  
background-color:orange\0;  /* ie 8/9/10/Opera - for ie8/ie10/Opera */  
background-color:orange\9\0;  /* ie 9/10 - for ie9/10 */  
*background-color:orange;  /* ie 6/7 - for ie7 */  
_background-color:orange;  /* ie 6 - for ie6 */ 

line-height

line-height: 35px\9; /*IE8*/
*line-height: 35px; /* IE7支持 */ 
_line-height: 35px; /* IE6支持 */ 
-ms-line-height: 35px;/*IE9+支持*/
-webkit-line-height: 1; /*chrome safair*/
-moz-line-height: 35px;/*火狐*/

float清除浮动

<div class="clearfix">
	<div class="f-left">左侧</div>
	<div class="f-right">右侧</div>
</div>

.f-left {
  float: left;
}

.f-right {
  float: right;
}
.clearfix:after {
  /*伪元素是行内元素 正常浏览器清除浮动方法*/
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
  /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

a标签去掉下划线

text-decoration: none;
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

滚动条样式修改

.el-textarea__inner{
  overflow: auto;
  /*三角箭头的颜色*/
  scrollbar-arrow-color: rgb(193, 193, 193);
  /*滚动条滑块按钮的颜色*/
  scrollbar-face-color: rgb(193, 193, 193);
  /*滚动条轨道颜色*/
  scrollbar-track-color: rgb(255, 255, 255);
}
.el-textarea__inner::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: rgb(241, 241, 241);
  border-radius: 3px;
}

.el-textarea__inner::-webkit-scrollbar-thumb {
  background-color: rgb(193, 193, 193);
  border-radius: 3px;
}