xxxxxxxxxx
1
<select class="select">
2
<option value="1">Closed</option>
3
<option value="2">Open</option>
4
5
</select>
6
7
xxxxxxxxxx
1
.select-option:nth-child(1) > .select-option-text {
2
color: #DE3C4B;
3
}
4
5
.select-option:nth-child(2) > .select-option-text {
6
color: #1EFFBC;
7
}
8
9
.select-option:nth-child(1) {
10
background-color: #E7C8DD;
11
}
12
13
.select-option:nth-child(2) {
14
background-color: #357266;
15
}
16
17
.select-option.active:nth-child(1) {
18
background-color: #E28413;
19
}
20
21
.select-option:.active:nth-child(2) {
22
background-color: #E28413;
23
}
24
25
.select-option:nth-child(1):hover {
26
background-color: #2DE1C2;
27
}
28
29
.select-option:nth-child(2):hover {
30
background-color: #2DE1C2;
31
}
32
1
1
Console errors: 0