Unify select styles across browsers

8030ce9dddf743741bda822cf35b6cb336beff78

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/img/down-arrow.svg+3 -0 Viewed

 +<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7">
 +    <polygon points="0,0 10,0 5,7" fill="#888888" />
 +</svg>

public/style.css+7 -2 Viewed

 /*#################################################################*/
 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) {