// 公共的切角样式
.cut-corner-select,
.cut-corner-input {
  .el-input__wrapper,
  .el-select__wrapper {
    position: relative;
    border: none;
    border-radius: 0;
    padding: 2px 8px;
    box-shadow: none;
    .el-select__selection{
      height: 30px;
    }
    .el-input__inner,
    .el-select__selected-label {
      background: transparent;
      border: none;
      color: #333;
    }
  }
  .el-input__wrapper{
    background-image: url('@/assets/img/btn_stoke_02.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
  .el-select__wrapper{
    background-image: url('@/assets/img/btn_stoke_01.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
  }
}

// el-select 宽度设置
.cut-corner-select {
  width: 140px;
}

// 搜索关键词输入框宽度
.search-keyword-input {
  width: 350px;
}

// 切角按钮样式
.cut-corner-button {
  width: 58px;
  height: 40px;
  border: none;
  border-radius: 0;
  background-image: url('@/assets/img/btn_normal.png')!important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
  padding: 0;

  &:hover {
    background-image: url('@/assets/img/btn_active.png')!important;
    color: #fff;
  }

  &:focus {
    background-image: url('@/assets/img/btn_active.png')!important;
    color: #fff;
  }

  // 覆盖Element Plus默认样式
  &.el-button {
    background: transparent;
    border: none;

    &:hover,
    &:focus {
      background: transparent;
      border: none;
      box-shadow: none;
    }
  }
}
