diff --git a/public/img/down-arrow.svg b/public/img/down-arrow.svg new file mode 100644 index 000000000..6704feda7 --- /dev/null +++ b/public/img/down-arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/style.css b/public/style.css index eb0595926..ee1e1ba86 100644 --- a/public/style.css +++ b/public/style.css @@ -2570,20 +2570,25 @@ input[type="file"] { /*#################################################################*/ select { - + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; padding: 3px 2px; background-color: var(--black30a); border: 1px solid var(--SmartThemeBorderColor); border-radius: 5px; margin-bottom: 5px; height: min-content; + background-image: url('/img/down-arrow.svg'); + background-repeat: no-repeat; + background-position: right 6px center; + background-size: 8px 5px; } select option { /* works to highlight selected/active option */ background-color: var(--white50a); color: var(--black70a); - } select option:not(:checked) {