如何屏蔽掉某一个css外链样式？

Question

我用了element组件的el-button标签，这个标签有一个:focus伪类,导致我每次点击按钮后都会触发这个伪类，这个伪类的样式是我不想要的，我该怎样屏蔽它，

重写这个伪类也无法满足我的需求，因为重写后他还是会有样式，应该怎么办，我现在的解决办法是把每一个伪类都根据我的需要重写一遍。

Answer 1

对于这种打包在一起的样式，要么就按需加载，要么就只能重写。至于重写之后还是有，可能是优先级的问题，通常可以用高一级（在前面加一级）的方式来解决。

Answer 2

去是去不掉的，只要你用了这个标签，只能利用优先级覆盖；

增加一个class 利用 样式表优先级原则 覆盖 原组件的 样式呢

Answer 3

利用优先级进行样式覆盖，审查元素样式进行更改

.el-button:focus, .el-button:hover {
    color: #606266!important;
    border-color: #dcdfe6!important;
    background-color: #fff!important;
}