去除el-input的边框

你可以使用 CSS 样式来去除 `el-input` 的边框。具体方法如下：

.el-input__inner {
  border: none;
}

这将会去除 `el-input` 内部的输入框的边框。如果你还想去除输入框的阴影，可以添加下面的样式：

.el-input__inner {
  border: none;
  box-shadow: none;
}

如果你想要去除 `el-input` 的外部边框，可以添加下面的样式：

.el-input {
  border: none;
}

如果你想要去除 `el-input` 的外部边框和内部输入框的边框和阴影，可以添加下面的样式：

.el-input {
  border: none;
}

.el-input__inner {
  border: none;
  box-shadow: none;
}

相关问题

去掉el-input的边框

以下是去掉el-input边框的方法：

1. 使用CSS样式修改边框：

<el-input class="inputDeep" readonly v-model="planName"></el-input>

.inputDeep {
  :deep(.el-input__wrapper) {
    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
    cursor: default;
    .el-input__inner {
      cursor: default !important;
    }
  }
}

去掉el-input 的边框

您可以使用以下 CSS 代码来移除 `el-input` 组件的边框：

.el-input__inner {
  border: none;
}

或者，您也可以将 `border` 属性设置为 `0`：

.el-input__inner {
  border: 0;
}

如果您只想移除 `el-input` 组件的外边框而保留内边框，可以使用以下代码：

.el-input {
  border: none;
}

如果您只想移除 `el-input` 组件的内边框而保留外边框，可以使用以下代码：

.el-input__inner {
  border: none;
}
.el-input {
  border: 1px solid #ccc;
}

请根据您的具体需求选择相应的代码。