vue el-date-picker隐藏框框

如果你想要隐藏 Element UI 的日期选择框（el-date-picker）的边框，你可以使用自定义的 CSS 样式来实现。以下是一种常见的实现方式：

<template>
  <div>
    <el-date-picker
      v-model="selectedDate"
      type="date"
      :picker-options="pickerOptions"
      class="custom-date-picker"
    ></el-date-picker>
  </div>
</template>

<style>
.custom-date-picker .el-input {
  border: none; /* 移除输入框的边框 */
  box-shadow: none; /* 移除输入框的阴影效果 */
}
</style>

<script>
export default {
  data() {
    return {
      selectedDate: '', // 选中的日期
      pickerOptions: {
        // 日期选择器的配置项
      }
    }
  }
}
</script>

在上述代码中，我们给 el-date-picker 组件添加了一个自定义的类名 `custom-date-picker`，并在样式中使用该类名来选择对应的元素。通过设置 `.el-input` 的边框为 `none`，我们可以移除输入框的边框；同时，通过设置 `.el-input` 的阴影效果为 `none`，可以移除输入框的阴影效果。

你可以根据需要修改自定义类名和样式属性来达到你想要的效果。希望对你有所帮助！