elementui把input的框去掉

### 回答1：
可以通过设置input的border属性为none来去掉框，或者使用elementui提供的样式类el-input--borderless来去掉边框。例如：

<el-input class="el-input--borderless"></el-input>

或者

<el-input style="border:none;"></el-input>

### 回答2：
ElementUI是一款基于Vue.js的组件库，提供了丰富的常用组件和功能。在使用ElementUI的input组件时，如果我们想要去掉输入框的边框，可以通过以下步骤实现：

1. 通过inspect工具查看input组件的DOM结构，找到需要修改的样式类名。

2. 在自己的样式表中，重写该样式类，将边框样式设置为none，例如：

.el-input__inner {
  border: none;
}

上述代码中，`.el-input__inner`是ElementUI的input组件中输入框的类名，将该类的边框样式设置为none，即可去掉输入框的边框。

需要注意的是，由于我们重写了ElementUI组件的样式，可能会对其他使用该组件的页面产生影响，建议在修改样式时要谨慎，并进行充分的测试。另外，ElementUI提供了丰富的自定义主题和样式变量，可以通过修改这些变量来实现更灵活的样式定制，也是一种值得尝试的方式。

### 回答3：
ElementUI 是一个基于 Vue.js 的开源 UI 组件库，提供了各种常用或者高级的 UI 组件，包括表单、表格、日期选择、图表等等。其中，input 是最基础的表单输入组件之一，通过 ElementUI，我们可以轻松创建一个具有样式和功能的 input 组件。

然而，有时候我们需要自定义 input 的样式，或者去掉它的边框等装饰性的元素，可以通过操作 CSS 样式来实现。

具体的做法是通过在样式表中定义想要的样式，再使用 ElementUI 提供的 slot 或者自定义组件的方式：

1. 在样式表中去除 input 的边框和背景颜色：

.el-input__inner {
  border: none;
  background-color: transparent;
}

2. 使用 slot 的方式插入 input 元素和自定义的样式：

<el-input>
  <template #prepend>
    <i class="el-icon-user"></i>
  </template>
  <template #append>
    <button class="el-button el-button--primary">登录</button>
  </template>
  <input type="text" class="my-custom-input">
</el-input>

其中，`#prepend` 和 `#append` 都是 ElementUI 提供的 slot，在 input 的前后插入一个 icon 和一个按钮，`my-custom-input` 是自定义的样式。通过这种方式，我们就可以在不改变原始元素结构的情况下，自由地操作 input 的样式。