[CSS] Fix multiple select box styling

This commit is contained in:
Eliseu Amaro 2021-11-29 17:50:30 +00:00 committed by Diogo Peralta Cordeiro
parent f92c00c7aa
commit 84217ec866
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
2 changed files with 5 additions and 4 deletions

View File

@ -186,7 +186,7 @@ li {
background-color: var(--background-hard); background-color: var(--background-hard);
} }
select { select:not([multiple]) {
background: var(--gradient),url("../images/select_drop_dark.png") no-repeat center right 5px !important; background: var(--gradient),url("../images/select_drop_dark.png") no-repeat center right 5px !important;
background-size: cover,16px !important; background-size: cover,16px !important;
} }
@ -197,7 +197,7 @@ li {
background-color: var(--background-hard); background-color: var(--background-hard);
} }
select { select:not([multiple]) {
background: var(--gradient),url("../images/select_drop_light.png") no-repeat center right 5px !important; background: var(--gradient),url("../images/select_drop_light.png") no-repeat center right 5px !important;
background-size: cover,16px !important; background-size: cover,16px !important;
background-blend-mode: saturation; background-blend-mode: saturation;

View File

@ -164,8 +164,9 @@ select {
max-width: 100% !important; max-width: 100% !important;
} }
select>option { select[multiple] {
width: 1px; overflow-y: scroll;
height: 20rem;
} }
button:focus,button:hover,input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover { button:focus,button:hover,input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {