From e0e31efdd5ac91621c13aadb33c2723e4e56769a Mon Sep 17 00:00:00 2001 From: Haishan Date: Sun, 17 May 2020 21:55:41 +0800 Subject: fix: add background color to html select element see also https://github.com/haishanh/yacd/issues/483 --- src/components/shared/Select.module.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) (limited to 'src/components/shared/Select.module.css') 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); +} -- cgit v1.3.1