fix: improve dropdown styling on windows

This commit is contained in:
SethBurkart123
2026-03-18 11:35:23 +11:00
parent bcc7d58ddd
commit e11e402c80
3 changed files with 74 additions and 19 deletions
+28 -4
View File
@@ -60,18 +60,42 @@ body {
font-family: Rubik, sans-serif !important;
}
select {
border-radius: 8px !important;
}
select:not([multiple]):not([size]),
select[size="1"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.168l3.71-3.938a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
background-position: right 0.8rem center !important;
background-repeat: no-repeat !important;
background-size: 1rem !important;
padding-right: 2.4rem !important;
color-scheme: light;
}
select::-ms-expand {
display: none;
}
select option {
background-color: #ffffff !important;
color: #111827 !important;
}
.dark select:not([multiple]):not([size]),
.dark select[size="1"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgba(255,255,255,0.72)'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.168l3.71-3.938a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
color-scheme: dark;
}
.dark select option {
background-color: #1f2937 !important;
color: #ffffff !important;
}
select {
border-radius: 8px !important;
}
#container {
background: var(--auto-background) !important;
}