48 lines
2.4 KiB
CSS
48 lines
2.4 KiB
CSS
.rz-timespanpicker > .rz-inputtext.j-input,
|
|
.rz-colorpicker.j-input,
|
|
.rz-lookup-search input.j-input,
|
|
.rz-numeric.j-input,
|
|
.rz-datepicker > .rz-inputtext.j-input,
|
|
.rz-multiselect, .rz-dropdown.j-input,
|
|
.mask.j-input,
|
|
.rz-textarea.j-input,
|
|
.rz-textbox.j-input {
|
|
border: 1px solid var(--input-border-color);
|
|
background-color: var(--input-background-color);
|
|
transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s;
|
|
padding: .25rem .5rem;
|
|
}
|
|
|
|
.j-input.rz-form-field:hover .rz-form-field-content,
|
|
.j-input.rz-autocomplete:hover:not(.rz-state-disabled),
|
|
.j-input.rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover,
|
|
.j-input.rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover,
|
|
.j-input.rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover,
|
|
.j-input.rz-numeric:not(:disabled):not(.rz-state-disabled):hover,
|
|
.j-input.rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover,
|
|
.j-input.rz-multiselect:not(:disabled):not(.rz-state-disabled):hover,
|
|
.j-input.rz-dropdown:not(:disabled):not(.rz-state-disabled):hover,
|
|
.j-input.mask:not(:disabled):not(.rz-state-disabled):hover,
|
|
.j-input.rz-textarea:not(:disabled):not(.rz-state-disabled):hover,
|
|
.j-input.rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
|
|
border: 1px solid var(--input-hover-border-color);
|
|
background-color: var(--input-background-color);
|
|
}
|
|
|
|
.j-input.rz-form-field.rz-state-focused .rz-form-field-content,
|
|
.j-input.rz-numeric:focus-within:not(.rz-state-disabled),
|
|
.j-input.rz-autocomplete:focus-within:not(.rz-state-disabled),
|
|
.j-input.rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus,
|
|
.j-input.rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus,
|
|
.j-input.rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus,
|
|
.j-input.rz-numeric:not(:disabled):not(.rz-state-disabled):focus,
|
|
.j-input.rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus,
|
|
.j-input.rz-multiselect:not(:disabled):not(.rz-state-disabled):focus,
|
|
.j-input.rz-dropdown:not(:disabled):not(.rz-state-disabled):focus,
|
|
.j-input.mask:not(:disabled):not(.rz-state-disabled):focus,
|
|
.j-input.rz-textarea:not(:disabled):not(.rz-state-disabled):focus,
|
|
.j-input.rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
|
|
background-color: var(--input-background-color);
|
|
border: 1px solid var(--input-focus-border-color);
|
|
box-shadow: var(--input-focus-box-shadow);
|
|
} |