vue 样式加scoped不起作用 局部更改element-ui的默认样式

https://www.cnblogs.com/Mr-Rshare/p/12597718.html

https://blog.csdn.net/weixin_30654583/article/details/99807074

https://blog.csdn.net/qq_33654627/article/details/103732996

https://blog.csdn.net/weixin_39950595/article/details/92849667

https://blog.csdn.net/weixin_34026276/article/details/93692998

https://blog.csdn.net/zebghfv/article/details/120995644

https://blog.csdn.net/laishaojiang/article/details/102949876

https://blog.csdn.net/qq_41725450/article/details/103526812

https://blog.csdn.net/qq_39167934/article/details/105515923

vue中令人头疼的element-ui组件默认css样式修改https://juejin.cn/post/7011016159545786376

一定要加上唯一的作用域 即最外层的class名，比如我上面的my-class 。
它限定了当前table的修改样式只能在该class以及其子元素中生效 否则，table的样式仍会全局覆盖.

<template>
	<div class="my-class">
            <el-table>
            </el-table>
        </div>
</template>

<script>
</script>

<style scoped="scoped" lang="scss">
</style>

<style>
	
    /* 修改element-ui中table组件的样式 */

    .my-class__expand-column .cell {
            display: none;
    }

    .my-class .el-table tbody tr:hover>td {
            cursor: pointer;
    }


    .my-class .el-form .el-form-item  .el-input__inner:focus{
             border: 1px solid #3D66E4;
       }
   
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

修改ElementUI表格样式

https://blog.csdn.net/weixin_38514634/article/details/86512445