vuetify/lib/components/VNumberInput/VNumberInput.css

Vue Material Component Framework

.v-number-input input[type=number] {
  -moz-appearance: textfield;
}
.v-number-input input[type=number]::-webkit-outer-spin-button, .v-number-input input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.v-number-input .v-field:has(.v-field__prepend-inner > .v-number-input__control:first-child) {
  padding-inline-start: 0;
}
.v-number-input .v-field:has(.v-field__append-inner > .v-number-input__control:last-child) {
  padding-inline-end: 0;
}
.v-number-input .v-field__prepend-inner:has(.v-number-input__control) > .v-icon {
  margin-inline-end: 4px;
}
.v-number-input .v-field__prepend-inner:has(.v-number-input__control) > hr + .v-icon,
.v-number-input .v-field__prepend-inner:has(.v-number-input__control) > .v-number-input__control + .v-icon {
  margin-inline: 8px 0;
}
.v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon {
  margin-inline-start: 4px;
}
.v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon:has(+ hr),
.v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon:has(+ .v-number-input__control) {
  margin-inline: 0 8px;
}
.v-number-input .v-field__clearable:has(+ .v-field__append-inner > hr:first-child) {
  margin-inline-end: 8px;
}
.v-number-input--inset .v-divider {
  height: 55%;
  width: 55%;
  align-self: center;
}
.v-number-input--split .v-field__input {
  text-align: center;
}
.v-number-input--stacked .v-number-input__control {
  flex-direction: column-reverse;
}
.v-number-input--stacked .v-number-input__control .v-btn {
  flex: 1;
}
.v-number-input--hide-input .v-field {
  flex: none;
}
.v-number-input--hide-input .v-field__input {
  width: 0;
  padding-inline: 0;
}
.v-number-input__control {
  display: flex;
  height: 100%;
}
.v-number-input__control .v-btn {
  background-color: transparent;
  border-radius: 0;
}