vuetify/lib/components/VCombobox/VCombobox.css

Vue Material Component Framework

.v-input--density-default {
  --combobox-chips-margin-bottom: 0px;
}

.v-input--density-comfortable {
  --combobox-chips-margin-bottom: 2px;
}

.v-input--density-compact {
  --combobox-chips-margin-bottom: 4px;
}

.v-combobox .v-field .v-text-field__prefix,
.v-combobox .v-field .v-text-field__suffix,
.v-combobox .v-field .v-field__input, .v-combobox .v-field.v-field {
  cursor: text;
}
.v-combobox .v-field .v-field__input > input {
  align-self: flex-start;
  flex: 1 1;
}
.v-combobox .v-field .v-field__append-inner > .v-icon {
  margin-inline-start: 4px;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-combobox .v-field:not(.v-field--focused) input {
  min-width: 0;
}
.v-combobox .v-field--dirty .v-combobox__selection {
  margin-inline-end: 2px;
}
.v-combobox .v-field--single-line .v-combobox__selection-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-combobox__content {
  overflow: hidden;
  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-penumbra-opacity, rgba(0, 0, 0, 0.12));
  border-radius: 4px;
}
.v-combobox__mask {
  background: rgb(var(--v-theme-on-surface-variant));
}
.v-combobox__selection {
  display: inline-flex;
  letter-spacing: inherit;
  line-height: inherit;
  max-width: 100%;
}
.v-combobox--active-menu .v-field__append-inner > .v-icon {
  opacity: var(--v-high-emphasis-opacity);
  transform: rotate(180deg);
}
.v-combobox--chips .v-combobox__selection {
  margin-top: 2px;
  margin-bottom: var(--combobox-chips-margin-bottom);
}
.v-combobox--chips .v-combobox__selection:first-child {
  margin-inline-start: 0;
}
.v-combobox--selecting-index .v-combobox__selection {
  opacity: var(--v-medium-emphasis-opacity);
}
.v-combobox--selecting-index .v-combobox__selection--selected {
  opacity: 1;
}
.v-combobox--selecting-index .v-field__input > input {
  caret-color: transparent !important;
}
.v-combobox--single.v-text-field input {
  flex: 1 1;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  padding-inline-start: inherit;
  padding-inline-end: inherit;
}
.v-combobox--single .v-field--active input {
  transition: none;
}
.v-combobox--single .v-field--dirty:not(.v-field--focused) input {
  opacity: 0;
}
.v-combobox--single .v-field--focused .v-combobox__selection {
  opacity: 0;
}