$typefield-prefix-cls: "#{$css-prefix}typefield";
.#{$typefield-prefix-cls} {
  height: $input-height-base;
  line-height: $input-height-base;

  input {
    width: 100%;
    height: $input-height-base;

    &:focus {
      outline: 0;
      border-color: $typefield-input-focus-border-color;
      box-shadow: $box-shadow-style;
    }

    @include selectionStyle;
  }

  &-group {
    &-prepend,
    &-append {
      background-color: transparent;
      border-radius: $btn-border-radius;
      // Reset Select's style in addon
      .#{$css-prefix}select {
        &-selection {
          margin: 1px;
        }
      }
    }
  }

  &-tip {
    border: 0;
  }

  &-tip.h-select-dropdown {  //兼容transfer模式下的样式
    position: absolute;
    display: block;
    font-family: $typefield-tip-font-family;
    text-align: left;
    line-height: $typefield-tip-line-height;
    top: $typefield-tip-top;
    left: $typefield-tip-left;
    padding: $typefield-tip-padding;
    z-index: $zindex-tooltip;
    font-size: $typefield-tip-font-size;
    border-radius: $typefield-tip-border-radius;
    border: $typefield-tip-border;
    background: $typefield-tip-background;
    color: $typefield-tip-color;
    box-shadow: $typefield-tip-color-box-shadow;
  }

  &-handler {
    &:hover &-up-inner,
    &:hover &-down-inner {
      color: $default-hover-focus-color;
    }
  }
}