diff options
| author | Haishan <[email protected]> | 2020-05-17 21:55:41 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2020-05-17 21:56:53 +0800 |
| commit | e0e31efdd5ac91621c13aadb33c2723e4e56769a (patch) | |
| tree | 58e5b443e9f2afb370a89d4f55d2e23b56756712 /src/components/shared | |
| parent | 32f18e191a6dd0c7d66401a564d68286b4022e51 (diff) | |
fix: add background color to html select element
see also https://github.com/haishanh/yacd/issues/483
Diffstat (limited to 'src/components/shared')
| -rw-r--r-- | src/components/shared/Select.module.css | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/src/components/shared/Select.module.css b/src/components/shared/Select.module.css index 32343ea..cbd1ffe 100644 --- a/src/components/shared/Select.module.css +++ b/src/components/shared/Select.module.css @@ -2,12 +2,9 @@ height: 30px; width: 100%; padding-left: 8px; - background-color: transparent; appearance: none; - /* background-color: rgb(36, 36, 36); */ - /* -webkit-appearance: none; */ + background-color: var(--color-background); color: var(--color-text); - /* color: rgb(153, 153, 153); */ padding-right: 20px; background-image: url(data:image/svg+xml,%0A%20%20%20%20%3Csvg%20width%3D%228%22%20height%3D%2224%22%20viewBox%3D%220%200%208%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%207L7%2011H1L4%207Z%22%20fill%3D%22%23999999%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2017L1%2013L7%2013L4%2017Z%22%20fill%3D%22%23999999%22%20%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20); border-radius: 4px; @@ -27,3 +24,7 @@ color: var(--color-text-highlight); background-image: var(--select-bg-hover); } + +.select option { + background-color: var(--color-background); +} |