elementplus 边框

elementplus 中可以通过设置边框样式来改变元素的边框，具体可以通过设置 border 相关属性来实现，例如：

<el-button type="primary" style="border: 1px solid red;">Primary</el-button>

上述代码中，通过设置 style 属性来设置边框样式，其中 border 属性用于设置边框的宽度、样式和颜色。

相关问题

elementplus去掉input边框

要去掉Element Plus中的Input边框，可以在对应的CSS文件中添加以下样式：

.el-input__inner {
  border: none;
}

该样式将会移除Input组件的边框。如果想要保留一些边框样式，可以修改`border`属性的值来自定义边框样式。

elementplus表格加个边框

以下是element plus表格加边框的方法：

<template>
  <el-table :data="tableData" style="width: 100%" class="table-border">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<style>
  /* 去掉表格边框颜色 */
  .table-border .el-table--border::after,
  .table-border .el-table--group::after,
  .table-border .el-table::before {
    background-color: #12333C!important;
  }
  .table-border .el-table--border,
  .table-border .el-table--group {
    border-color: #12333C!important;
  }
  /* 表头下面的白线去掉 */
  .table-border .el-table th.el-table__cell.is-leaf{
    border-bottom: 0!important;
  }
  /* 减小行高 */
  .table-border .el-table .el-table__cell {
    padding: 5px 0!important;
  }
</style>