[TOC]

element-plus 样式修改

1. 选择框选中的文字和默认提示文字修改

<template>
  <div>
    <el-tree-select class="select" />
    <el-select class="select" >
      <el-option />
    </el-select>
  </div>
</template>
<style lang="scss" scoped>
.select {
  width: 200px;
  :deep(.el-select__wrapper) {
    background-color: unset;
    // 选择框选中的问题和默认提示文字颜色
    .is-transparent, .el-select__placeholder {
      color: white;
    }
  }
}
</style>

2. 表单包裹数字数据框,数字按钮遮住了报错红色边框解决

<template>
  <div>
    <el-form-item>
      <el-input-number class="input-number"/>
    </el-form-item>
  </div>
</template>
<style lang="scss" scoped>
:deep(.input-number) {
  // 按钮的绝对定位距离顶部 遮住了红线
  span {
    top: 2px;
  }
}
</style>
Last Updated: 3/26/2026, 5:14:13 PM