tntd/lib/time-picker/index.less

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

@import '../style/themes/index';

@timepicker-prefix-cls: ~'@{ant-prefix}-time-picker';
.@{timepicker-prefix-cls} {
  input{
    border-color: @border-color-secondary;
  }
  &:has(input:not([value=''])),&:hover {
    .@{timepicker-prefix-cls}-icon{
      i{
        color: @text-color-secondary;
      }
    }
  }
  &:has(input[disabled]){
    .@{timepicker-prefix-cls}-icon{
      i{
        color: @disabled-color;
      }
    }
  }
  &-fill{
    input {
      background-color: @fill-color-quaternary;
      border-color: @fill-color-quaternary;
      &[disabled] {
        border: none;
      }
      &:focus{
        background-color: @white;
      }
      &:not([value='']):hover {
        background-color: @white;
      }
    }
  }
}