vuetify
Version:
Vue Material Component Framework
47 lines • 1.25 kB
CSS
.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:not(:has(.v-field__prepend-inner > .v-icon)) {
padding-inline-start: 0;
}
.v-number-input .v-field:not(:has(.v-field__append-inner > .v-icon)) {
padding-inline-end: 0;
}
.v-number-input .v-field__prepend-inner:has(.v-number-input__control) > .v-icon {
margin-inline-end: 12px;
}
.v-number-input .v-field__append-inner:has(.v-number-input__control) > .v-icon {
margin-inline-start: 12px;
}
.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;
}