47 lines
1.2 KiB
CSS
47 lines
1.2 KiB
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;
|
|
} |