elementui组件库中修改样式

1.打开页面中引用了elementui中的组件;如我引入了 分页的组件  <el-pagination> </el-pagination>

 

但是她提供的样式并不满足项目需求, 具体操作:(1)在浏览器端按 F12键或(Fn键+F12键)或(右击检查)出现图1的界面;(2)点击选择元素器如图1,注意右侧的style中的css样式,自己可以稍作明显的修改;

图1

 举个栗子:修改分页的被选中页面的样式如下

/deep/ .el-pager li.active{

  color:  #FFF;

  background: #409EFF;

}

提示:若需要不生效一定一定要加上  /deep/

class类名是通过选择器指向的位置,直接复制回来,如图2

图2