input-number.less 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. @import "../variate.less";
  2. // prepend 背景色设置为白色
  3. .@{elNamespace}-input-number.basic-number-standard.basic-number:not(.is-disabled) {
  4. .@{elNamespace}-input-number__decrease, .@{elNamespace}-input-number__increase {
  5. color: var(--el-text-color-secondary);
  6. &:hover{
  7. color: var(--el-color-primary);
  8. }
  9. }
  10. .@{elNamespace}-input-number__increase::before {
  11. background: var(--el-border-color-light);
  12. }
  13. .@{elNamespace}-input{
  14. --el-input-border-color:#d4d4d4;
  15. .@{elNamespace}-input__wrapper{
  16. padding-left: 0;
  17. .@{elNamespace}-input__inner{
  18. padding-left: 12px;
  19. // color: var(--el-text-color-disabled);
  20. // &:focus {
  21. // color: var(--el-text-color-regular);
  22. // }
  23. }
  24. }
  25. }
  26. &:hover{
  27. .@{elNamespace}-input__wrapper {
  28. box-shadow: 0 0 0 1px var(--el-color-primary) inset;
  29. }
  30. // .@{elNamespace}-input__wrapper .@{elNamespace}-input__inner{
  31. // color: var(--el-text-color-regular);
  32. // }
  33. }
  34. }
  35. .@{elNamespace}-input-number.basic-number-standard.basic-number.is-disabled {
  36. .@{elNamespace}-input-number__decrease, .@{elNamespace}-input-number__increase {
  37. color:var(--el-text-color-disabled);
  38. }
  39. .@{elNamespace}-input-number__increase::before {
  40. background: var(--el-border-color-light);
  41. }
  42. .@{elNamespace}-input{
  43. .@{elNamespace}-input__wrapper{
  44. --el-disabled-bg-color: var(--el-color-info-light-9);
  45. padding-left: 0;
  46. .@{elNamespace}-input__inner{
  47. padding-left: 12px;
  48. // color: var(--el-text-color-secondary);
  49. }
  50. }
  51. }
  52. }