1.gitea-select {
2 position: relative;
3}
4
5.gitea-select select {
6 appearance: none; /* hide default triangle */
7}
8
9/* ::before and ::after pseudo elements don't work on select elements,
10 so we need to put it on the parent. */
11.gitea-select::after {
12 position: absolute;
13 top: 12px;
14 right: 8px;
15 pointer-events: none;
16 content: "";
17 width: 14px;
18 height: 14px;
19 mask-size: cover;
20 -webkit-mask-size: cover;
21 mask-image: var(--octicon-chevron-right);
22 -webkit-mask-image: var(--octicon-chevron-right);
23 transform: rotate(90deg); /* point the chevron down */
24 background: currentcolor;
25}