.x-clear-input {
  box-shadow: inset 0 0 0 1000px $input-bg !important;
  &:focus {
    box-shadow: inset 0 0 0 1000px $input-focus-bg !important;
  }
}
.dark-layout {
  .x-clear-input.form-control:not(:focus) {
    border-color: $theme-dark-border-color;
  }
  .x-clear-input {
    box-shadow: inset 0 0 0 1000px $theme-dark-input-bg !important; // 改变了背景色
    -webkit-text-fill-color: $theme-dark-body-color; // 改变了字体颜色
    &:focus {
      box-shadow: inset 0 0 0 1000px $theme-dark-input-bg-focus !important;
    }
  }
  .x-clear-input::placeholder {
    color: $theme-dark-input-placeholder-color !important;
  }
  .x-clear-input {
    caret-color: #FFF;
  }
}