Vue changes the style of ele.me components?

in the single file, I want to change the span style under el-button, but I can"t change it. What"s wrong with it? In the
button is the
code with the span tag:
clipboard.png

clipboard.png

clipboard.png

:
clipboard.png

of course
. El-button {
color:red;
} is working

.
Jun.10,2021
Sometimes changing styles under

scoped does not take effect. You can overwrite the component directly with style or write a style inside the style tag to overwrite it.


// element-variables.scss  main 
/*  */

// $--color-primary: teal;
$--color-primary: -sharp1c263b;

/*  icon  */

$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";

the official website has a change of theme.

Menu