Modificar el estilo en componentes de terceros en vue

El proyecto está modificando el estilo de los componentes de terceros, pero debido al  scoped aislamiento del estilo de los atributos, es posible que deba eliminar  scoped o iniciar otro  style . Estas prácticas traerán efectos secundarios (contaminación del estilo del componente, no elegante), la penetración del estilo solo es efectiva cuando se usa en el preprocesador CSS.

Podemos usar  >>> o  /deep/ resolver este problema

<ámbito de estilo> 
外层 >>> .el- casilla de verificación { 
  display: block; 
  fuente - tamaño: 26px; 

  .el - checkbox__label { 
    font - size: 16px; 
  } 
}
 </style> 

<style scoped> 
/ deep / .el- checkbox { 
  display: block; 
  fuente - tamaño: 26px; 

  .el - checkbox__label { 
    font - size: 16px; 
  } 
}
 </style>