Add styling for checked options in select boxes
This commit is contained in:
parent
6c1e7bc507
commit
3a5dd22603
|
@ -515,6 +515,9 @@ select:disabled {
|
||||||
var(--select-arrow),
|
var(--select-arrow),
|
||||||
var(--grey-background);
|
var(--grey-background);
|
||||||
}
|
}
|
||||||
|
/* Note that styling for <option> doesn't work in all browsers
|
||||||
|
since its often drawn directly by the OS. We are generally very
|
||||||
|
limited in what we can change here. */
|
||||||
option {
|
option {
|
||||||
/* Prevent Chrome from inheriting background-color from the <select> */
|
/* Prevent Chrome from inheriting background-color from the <select> */
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
@ -522,3 +525,6 @@ option {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
background-image: var(--button-activation-overlay);
|
background-image: var(--button-activation-overlay);
|
||||||
}
|
}
|
||||||
|
option:checked {
|
||||||
|
background-color: var(--novnc-lightgrey);
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue