1p.normal::selection {
2 background: #cc0000;
3 color: #fff;
4}
5
6p.moz::-moz-selection {
7 background: #cc0000;
8 color: #fff;
9}
10
1
2.custom-select-wrapper {
3 position: relative;
4 user-select: none;
5 width: 100%;
6}
7 .custom-select {
8 position: relative;
9 display: flex;
10 flex-direction: column;
11 border-width: 0 2px 0 2px;
12 border-style: solid;
13 border-color: #394a6d;
14}
15 .custom-select__trigger {
16 position: relative;
17 display: flex;
18 align-items: center;
19 justify-content: space-between;
20 padding: 0 22px;
21 font-size: 20px;
22 font-weight: 300;
23 color: #3b3b3b;
24 height: 60px;
25 line-height: 60px;
26 background: #ffffff;
27 cursor: pointer;
28 border-width: 2px 0 2px 0;
29 border-style: solid;
30 border-color: #394a6d;
31}
32 .custom-options {
33 position: absolute;
34 display: block;
35 top: 100%;
36 left: 0;
37 right: 0;
38 border: 2px solid #394a6d;
39 border-top: 0;
40 background: #fff;
41 transition: all 0.5s;
42 opacity: 0;
43 visibility: hidden;
44 pointer-events: none;
45 z-index: 2;
46}
47 .custom-select.open .custom-options {
48 opacity: 1;
49 visibility: visible;
50 pointer-events: all;
51}
52 .custom-option {
53 position: relative;
54 display: block;
55 padding: 0 22px 0 22px;
56 font-size: 22px;
57 font-weight: 300;
58 color: #3b3b3b;
59 line-height: 60px;
60 cursor: pointer;
61 transition: all 0.5s;
62}
63 .custom-option:hover {
64 cursor: pointer;
65 background-color: #b2b2b2;
66}
67 .custom-option.selected {
68 color: #ffffff;
69 background-color: #305c91;
70}
71
72