Element Plus默认样式覆盖

Element Plus默认样式覆盖

如需对原有样式进行覆盖，可自建一份element-variables.scss，在文件内进行样式的覆盖重定义

$input-border-radius: 0px;
$upload-dragger-padding-horizontal: 20px;

@use 'element-plus/theme-chalk/src/common/var.scss' as * with (
  $input: (
      // 'border-radius': $input-border-radius
    ),

    $upload:
    (
      'dragger-padding-horizontal': $upload-dragger-padding-horizontal
    )
);

@use "element-plus/theme-chalk/src/index.scss" as *

需要覆盖的内容可从var.scss进行查找

最后全局引入即可