【项目实训】浅谈修改Element-ui 中组件的样式

  最近在开发项目的时候，由于进行了屏幕自适应的适配，因此不能使用行内样式，只能使用内嵌样式，因此有很多原本可以修改样式的方式全部被pass

  在搜索了相关资料以及开发经验以后，总结了大概的下面一种比较能行的方式

  1.利用F12查看该组件所属的类名class=xxx

    比如el-table组件中去修改每一个单元格的宽度的时候，查看到每一个单元格都有各自的class的el-table_1_column_x，这时候就获取下来

  2.在style标签中写入

  可能会有些人发现，自己写入了更改了样式为什么还是不起效果，这里有几个注意点：

   1：style中带有scope，防止污染其他界面中的相关组件

   2：写入>>>

   3：增加权重（最重要的 很多时候加了>>>仍然也会不起作用），比如在这里他的父元素的类名是el-table_row，这时候就把它也一起写入增加权重

 

其他组件的更改也可以类似如此，如有错误，敬请斧正，谢谢大家

---------------------------------------------------------------------------------------------------------------------------------

2022/10/5

有些时候还是不行的话可以尝试给所要修改的组件加上类名，然后在style中修改样式（不加scope）