Hi,
how can I define default styles for checkboxes and input fields?
Every checkbox and every input field should automatically get an orange border and a light grey background.
Many thanks in advance,
Joerg
Styling: checkboxes / input fields
Moderator: jeanmichel
-
tim mcentee
- Posts: 40
- Joined: 26 Jul 2017, 13:20
Re: Styling: checkboxes / input fields
Hi Joerg
The best way to apply this to all elements, (in every project), is to create a udc.css file and place it in the ../ts/ts2/css folder.
The contents are: (This is for material design)
div.mdc-text-field {
border: 1px solid orange;
}
.md-axes .mdc-text-field__input {
background-color: rgb(220,220,220);
}
.md-axes .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
border-color: orange;
}
Tim
The best way to apply this to all elements, (in every project), is to create a udc.css file and place it in the ../ts/ts2/css folder.
The contents are: (This is for material design)
div.mdc-text-field {
border: 1px solid orange;
}
.md-axes .mdc-text-field__input {
background-color: rgb(220,220,220);
}
.md-axes .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
border-color: orange;
}
Tim