input css

input placeholder

@mixin input {
  width: 100%;
  border: none;
  outline: none;
  border-radius: 0;
  appearance: none;
  background: none;
  font-size: 14px;
  color: $primary;
  border-bottom: 2px solid $blue;
  padding: 4px 8px;

#// 去掉浏览器自带的填充时的背景色
  &:-internal-autofill-previewed,
  &:-internal-autofill-selected {
    -webkit-text-fill-color: $primary;
    transition: background-color 5000s ease-out 0.5s;
  }

  &.error {
    color: $red;
  }
}

input placeholder

input::placeholder {
  color: $grey;
}