el-input__wrapper局部去除边框

在Element UI的`el-input`组件中，如果你想局部地去除`el-input__wrapper`这个内联容器的边框，你可以通过CSS来实现。你需要找到这个元素的样式，并将其`border`属性设置为`none`。例如：

.el-input__wrapper {
  border: none; /* 这将去除边框 */
  /* 如果你还想保留其他样式，可以添加其他选择器来限制影响范围 */
  &::before, &::after {
    border: none;
  }
}

这里，`.el-input__wrapper`是直接针对`el-input`内部包装容器的样式，`&::before`和`&::after`是清除input前后的伪元素可能存在的边框。

然而，请注意，这可能会影响到组件的默认样式，如果不想影响其他地方，最好是在特定的CSS类中应用这样的定制，而不是全局修改。

相关问题

去掉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设置边框

el可以通过设置样式来设置边框。你可以使用id选择器或其他选择器来选择要设置样式的输入框。然后，在该选择器中，你可以使用CSS属性来定义边框样式。例如，你可以使用border属性来设置边框的宽度、样式和颜色。

以下是一个示例代码，用于设置el-input的边框样式：

#search-key-word-input-wrapper .el-input {
  border: 1px solid #000;
}

你还可以使用其他CSS属性，如border-radius来设置边框的圆角，或使用box-shadow来添加阴影效果。