vue2 el-table修改所有边框颜色

要修改vue2的el-table所有边框颜色，可以通过CSS样式来实现。可以在样式文件中添加以下代码：

.el-table {
  border: 1px solid #ccc; /* 设置表格边框颜色 */
}

.el-table__header-wrapper,
.el-table__body-wrapper {
  border-left: 1px solid #ccc; /* 设置表头和表格主体左边框颜色 */
  border-right: 1px solid #ccc; /* 设置表头和表格主体右边框颜色 */
}

.el-table__header-wrapper {
  border-top: 1px solid #ccc; /* 设置表头上边框颜色 */
}

.el-table__body-wrapper {
  border-bottom: 1px solid #ccc; /* 设置表格主体下边框颜色 */
}

其中，`.el-table`表示表格的边框，`.el-table__header-wrapper`和`.el-table__body-wrapper`分别表示表头和表格主体的边框。将上述代码中的颜色值修改为你想要的颜色即可。

相关问题

在vue中el-table调整表头颜色

可以通过设置 el-table 的 header-cell-style 属性来调整表头的颜色，例如：

<el-table :data="tableData" :header-cell-style="{background: '#f5f5f5'}">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>

这样就可以将表头的背景颜色设置为浅灰色。当然，你也可以根据自己的需要设置其他样式属性，比如字体颜色、边框等。

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