index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .ant-range-picker-confirm-disabled .ant-picker-header-confirm {
  2. pointer-events: none;
  3. opacity: 0.6;
  4. }
  5. .ant-range-picker-selector {
  6. display: flex;
  7. align-items: center;
  8. justify-content: space-between;
  9. height: 52px;
  10. padding: 12px 12px 0;
  11. box-sizing: border-box;
  12. }
  13. .ant-range-picker-selector-item {
  14. width: 155px;
  15. height: 32px;
  16. padding: 0 8px 0 12px;
  17. box-sizing: border-box;
  18. border-radius: 4px;
  19. display: flex;
  20. justify-content: space-between;
  21. align-items: center;
  22. box-shadow: inset 0 0.5px 3px 0 rgba(0, 0, 0, 0.1);
  23. color: #333333;
  24. }
  25. .ant-range-picker-selector-item-active {
  26. position: relative;
  27. color: #1677ff;
  28. }
  29. .ant-range-picker-selector-item-active::before {
  30. content: '';
  31. position: absolute;
  32. top: 0;
  33. left: 0;
  34. width: 200%;
  35. height: 200%;
  36. transform-origin: 0 0;
  37. pointer-events: none;
  38. border: 1px solid #1677ff;
  39. border-radius: 8px;
  40. transform: scale(0.5);
  41. box-sizing: border-box;
  42. }
  43. .ant-range-picker-selector-item-active .ant-range-picker-selector-item-icon {
  44. color: #1677ff;
  45. }
  46. .ant-range-picker-selector-item-value {
  47. font-size: 14px;
  48. }
  49. .ant-range-picker-selector-item-placeholder {
  50. font-size: 14px;
  51. color: #cccccc;
  52. }
  53. .ant-range-picker-selector-item-icon {
  54. color: #cccccc;
  55. font-size: 16px;
  56. }
  57. .ant-range-picker-selector-split {
  58. color: #cccccc;
  59. }