el-input去掉边框轮廓

在Element UI库中的`el-input`组件想要去掉边框轮廓，你可以通过设置一些CSS样式来实现。通常我们会覆盖默认的样式，例如：

.el-input {
  border: none; /* 移除输入框的边框 */
  outline: none; /* 移除鼠标选中的边框 */
}

/* 如果你想保留内阴影效果，可以只移除边框而不影响其他样式，如下面这样： */
.el-input__inner {
  border: none;
}

然后将上述CSS应用到你的`<el-input>`元素上，或者如果是在Vue中，添加到对应的`.vue`文件的`style`标签内，或者作为全局样式。

如果你只想在某种状态或特定条件下去掉边框，比如聚焦时，可以用`:focus`伪类:

.el-input:focus {
  border: none;
  box-shadow: none; /* 可能需要移除聚焦时的内阴影 */
}

记得在实际使用前检查Element UI是否有提供自定义样式的API，因为某些版本可能会有内置的配置选项。

相关问题

vue el-table 里面el-input去除边框

在Vue的Element UI组件中，如果你想在`<el-table>`里嵌套的`<el-input>`去除边框，你可以通过CSS样式来实现。你需要找到这个输入框元素并设置其`border`属性为`none`。例如：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄">
      <template slot-scope="scope">
        <el-input v-model="scope.row.age" class="no-border-input" @input="handleInput(scope.$index, scope.row)"></el-input>
      </template>
    </el-table-column>
  </el-table>
</template>

<style scoped>
.no-border-input {
  border: none; /* 这里设置了无边框 */
  box-sizing: border-box;
}
</style>

在这个例子中，`.no-border-input`类用于选择`el-input`并移除边框。你还可以添加其他自定义样式，比如背景颜色、内边距等。

el-input去掉边框

要去掉el-input的边框，可以通过设置el-input的border属性为none来实现。具体代码如下：

<el-input border="none"></el-input>

另外，还可以通过以下方式将el-input的边框样式设置为空字符串，也可以达到去掉边框的效果：

<el-input :style="{border: ''}"></el-input>