el-input设置边框

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

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

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

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

相关问题

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`并移除边框。你还可以添加其他自定义样式，比如背景颜色、内边距等。

Element Plusu隐藏el-input标签边框.el-input__inner { border: none;} 这样写入不生效

如果你使用的是 Element Plus 的 `el-input` 组件，建议不要直接修改组件的样式，而是使用组件提供的属性或者插槽来实现需要的效果。比如，如果需要隐藏 `el-input` 组件的边框，可以使用 `border` 属性来设置为 `none`，如下所示：

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

如果你需要自定义 `el-input` 的样式，可以通过 `slot` 来实现。具体来说，你可以使用 `prefix` 和 `suffix` 插槽来自定义 `el-input` 前缀和后缀的样式，例如：

<el-input>
  <template #prefix>
    <div class="input-prefix">前缀</div>
  </template>
  <template #suffix>
    <div class="input-suffix">后缀</div>
  </template>
</el-input>

然后在 CSS 中添加对应的样式：

.input-prefix, .input-suffix {
  border: none;
}

这样就可以实现隐藏 `el-input` 组件的边框了。