去掉el-select的默认边框

要去掉el-select的默认边框，可以使用以下CSS代码：
::v-deep .el-input__inner {
border: none;
box-shadow: none;
}
其中，::v-deep是一个Vue.js特有的伪选择器，可以穿透组件的作用域限制，使得样式可以应用到组件内部的元素上。el-input__inner是el-select组件内部的输入框元素，通过设置其边框为none，就可以去掉el-select的默认边框了。

相关问题

el-select去边框

在Element UI的`el-select`组件中，如果你想去除默认的边框，你可以通过CSS样式来实现。你可以为`el-select`元素添加自定义样式，覆盖其默认样式。以下是一个简单的例子：

.el-select {
  border: none; /* 去除上下边框 */
  border-bottom: 1px solid #ccc; /* 只保留下边框，根据需求调整颜色和宽度 */
}

/* 如果你也想去除下拉选项列表的边框，可以添加这个 */
.el-select-dropdown {
  border: none;
}

在HTML中使用自定义样式时，可以这样应用：

<el-select style="...">
  <!-- 你的选项 -->
</el-select>

记得在你的CSS文件中引入上述样式，或者将样式写在`<style>`标签内（如果是Vue项目）。

如果你有任何疑问，可以问：

el-select选中时focus边框去除

在Element UI的el-select组件中，如果你想在选中时移除下拉框（即options部分）的聚焦边框，可以通过自定义样式或者利用`element-ui`提供的可覆盖主题的CSS变量来实现。以下是两种常见的做法：

1. **使用CSS自定义样式**：
可以在你的样式表中添加如下的CSS规则，针对`:focus-within`伪类选择器来改变选中的select元素的边框样式。例如：

   .el-select.is-focused:focus-within {
     outline: none; /* 或者设置为无边框 */
     box-shadow: none;
   }

2. **修改Element UI的主题**：
如果你想全局地改变所有Element UI组件的样式，你可以创建一个主题文件并覆盖默认的边框颜色。首先安装Element Plus（如果尚未安装）：

   npm install element-plus -D

然后，在`.vuepress/public/theme`目录下创建一个`.custom.css`文件，并添加：

   @import '~element-plus/lib/theme-chalk/index.css';

   .el-select.is-focused:focus-within {
     border-color: transparent;
     box-shadow: none;
   }

将`border-color`设置为透明或者其他你喜欢的颜色。

记得在Vue应用中启用新的主题：

<template>
  <ElSelect ... :theme="yourCustomTheme" />
</template>

<script>
import { ElSelect } from 'element-plus';
export default {
  components: {
    ElSelect,
  },
  computed: {
    yourCustomTheme() {
      return 'custom'; // 使用你自定义的主题名
    },
  },
};
</script>