Unify select styles across browsers

8030ce9dddf743741bda822cf35b6cb336beff78

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

Parents: 165cc39a9ab8f560d9e00992496560cec930c792
2 files changed, +10 -2Showing whitespace changes
public/img/down-arrow.svg+3 -0
@@ -0,0 +1,3 @@
1<svg xmlns="http://www.w3.org/2000/svg" width="10" height="7">
2 <polygon points="0,0 10,0 5,7" fill="#888888" />
3</svg>
public/style.css+7 -2
@@ -2570,20 +2570,25 @@ input[type="file"] {
2570/*#################################################################*/2570/*#################################################################*/
25712571
2572select {2572select {
25732573 -moz-appearance: none;
2574 -webkit-appearance: none;
2575 appearance: none;
2574 padding: 3px 2px;2576 padding: 3px 2px;
2575 background-color: var(--black30a);2577 background-color: var(--black30a);
2576 border: 1px solid var(--SmartThemeBorderColor);2578 border: 1px solid var(--SmartThemeBorderColor);
2577 border-radius: 5px;2579 border-radius: 5px;
2578 margin-bottom: 5px;2580 margin-bottom: 5px;
2579 height: min-content;2581 height: min-content;
2582 background-image: url('/img/down-arrow.svg');
2583 background-repeat: no-repeat;
2584 background-position: right 6px center;
2585 background-size: 8px 5px;
2580}2586}
25812587
2582select option {2588select option {
2583 /* works to highlight selected/active option */2589 /* works to highlight selected/active option */
2584 background-color: var(--white50a);2590 background-color: var(--white50a);
2585 color: var(--black70a);2591 color: var(--black70a);
2586
2587}2592}
25882593
2589select option:not(:checked) {2594select option:not(:checked) {