element之修改样式

在凡间历练的小仙女

于 2024-09-09 16:00:17 发布

阅读量240

点赞数 3

文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/sliencemin/article/details/142059872

版权

element

隐藏时间日期 ( 时分秒 ) 选择框的清空

方法1：全局——需要在element-ui.scss中添加样式，其他地方不生效果，因为下拉日期是挂在body上的

.el-picker-panel__footer .el-picker-panel__link-btn.el-button--text  {
  display: none !important;
}

/

方法2：局部——在组件加popper-class='date-clear'，然后在element-ui.scss中添加样式

<el-date-picker
  v-model="date"
  style="width: 340px"
  type="datetimerange"
  popper-class='date-clear'
  value-format="yyyy-MM-dd HH:mm:ss"
  range-separator="-"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
  :clearable="false"
  :default-time="['00:00:00', '23:59:59']"
></el-date-picker>

.date-clear .el-picker-panel__footer .el-picker-panel__link-btn.el-button--text  {
  display: none !important;
}

el-table 划过改变当前行颜色

.el-table {
    background-color: transparent;
    color: #01c2ff;
    tr {
      background-color: transparent;
      
      &:hover > td {
        background-color: rgba(72, 124, 234, 0.4) !important;
      }
    }
  }