xmengnet/yacd
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: add background color to html select element

Browse source 
see also https://github.com/haishanh/yacd/issues/483
This commit is contained in:
Haishan 2020-05-17 21:55:41 +08:00
parent 32f18e191a
commit e0e31efdd5
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/shared/Select.module.css
View file

@ -2,12 +2,9 @@
height: 30px; height: 30px;
width: 100%; width: 100%;
padding-left: 8px; padding-left: 8px;
background-color: transparent;
appearance: none; appearance: none;
/* background-color: rgb(36, 36, 36); */ background-color: var(--color-background);
/* -webkit-appearance: none; */
color: var(--color-text); color: var(--color-text);
/* color: rgb(153, 153, 153); */
padding-right: 20px; 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); 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; border-radius: 4px;
@ -27,3 +24,7 @@
color: var(--color-text-highlight); color: var(--color-text-highlight);
background-image: var(--select-bg-hover); background-image: var(--select-bg-hover);
} }
.select option {
background-color: var(--color-background);
}