VSelect.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .v-select .v-field .v-text-field__prefix,
  2. .v-select .v-field .v-text-field__suffix,
  3. .v-select .v-field .v-field__input, .v-select .v-field.v-field {
  4. cursor: pointer;
  5. }
  6. .v-select .v-field .v-field__input > input {
  7. align-self: flex-start;
  8. opacity: 1;
  9. flex: 0 0;
  10. position: absolute;
  11. width: 100%;
  12. transition: none;
  13. pointer-events: none;
  14. caret-color: transparent;
  15. }
  16. .v-select .v-field--dirty .v-select__selection {
  17. margin-inline-end: 2px;
  18. }
  19. .v-select .v-select__selection-text {
  20. overflow: hidden;
  21. text-overflow: ellipsis;
  22. white-space: nowrap;
  23. }
  24. .v-select__content {
  25. overflow: hidden;
  26. }
  27. .v-select__content {
  28. box-shadow: 0px 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 4px 5px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 1px 10px 0px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, 0.12));
  29. }
  30. .v-select__content {
  31. border-radius: 4px;
  32. }
  33. .v-select__selection {
  34. display: inline-flex;
  35. align-items: center;
  36. letter-spacing: inherit;
  37. line-height: inherit;
  38. max-width: 100%;
  39. }
  40. .v-select .v-select__selection:first-child {
  41. margin-inline-start: 0;
  42. }
  43. .v-select--selected .v-field .v-field__input > input {
  44. opacity: 0;
  45. }
  46. .v-select__menu-icon {
  47. margin-inline-start: 4px;
  48. transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  49. }
  50. .v-select--active-menu .v-select__menu-icon {
  51. opacity: var(--v-high-emphasis-opacity);
  52. transform: rotate(180deg);
  53. }