elment自定义样式(scss)

最新推荐文章于 2024-04-30 16:01:07 发布

不抽烟的小王

最新推荐文章于 2024-04-30 16:01:07 发布

阅读量216

点赞数

分类专栏： CSS 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/Achong999/article/details/133799985

版权

CSS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

// element多选框颜色调整
.el-checkbox-color .el-checkbox__input.is-checked .el-checkbox__inner {
  background: #2e55ed;
  border: 1px solid #2e55ed;
  color: white;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #2e55ed;
}
// 按钮下的span
.el-text-color span {
  color: #2e55ed;
}
// 删除按钮下的span
.el-text-color-del span {
  color: #f3222f;
}
// 按钮
.el-button-color.el-button.el-button--default.el-button--small {
  background: #2e55ed;
  border: 1px solid #2e55ed;
  color: white;
}

.el-radio-color .el-radio__input.is-checked .el-radio__inner {
  background: #2e55ed;
  border: 1px solid #2e55ed;
  color: rgb(27, 25, 25);
}

.el-radio-color .is-active .el-radio-button__inner {
  background: #2e55ed;
  border-color: #2e55ed;
}

.el-radio-color .el-radio.is-checked .el-radio__label {
  color: #2e55ed;
}

.el-radio {
  margin-right: 10px;
}

.el-form-item__label {
  color: #979a9f;
  font-weight: 500;
}

.el-form-item {
  margin-bottom: 18px;
}

.el-select {
  width: 100%;
}
// 下拉选中
.el-select-dropdown__item.selected {
  color: #2e55ed;
}
// 刷新按钮
.el-button.is-plain:focus,
.el-button.is-plain:hover {
  color: #2e55ed;
  border: 1px solid #2e55ed;
}
// 分页选中
.el-pager li.active {
  color: #2e55ed;
}

.el-message-box
  .el-button.el-button--default.el-button--small.el-button--primary {
  background: #2e55ed;
  border: 1px solid #2e55ed;
  color: white;
}
.el-button--primary {
  background: #2e55ed;
  border: 1px solid #2e55ed;
  color: white;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #2e55ed;
  border: 1px solid #2e55ed;
  color: white;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background: #2e55ed;
  border: 1px solid #2e55ed;
  color: white;
}
.el-dialog__header {
  border-bottom: 1px solid #dadee6;
}
.el-message {
  top: 5vh !important;
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: #2e55ed;
  background: #2e55ed;
}
.el-radio__input.is-checked + .el-radio__label {
  color: #2e55ed;
}