​x
 
1
<!DOCTYPE html>
2
<title>Example</title>
3
<style>
4
    select {
5
        font-size: 2em;
6
        padding: .5em;
7
        width: 60vw;
8
        margin: 3vw;
9
    }
10
    select:enabled {
11
        background-color: greenyellow;
12
    }
13
    select:disabled {
14
        background-color: silver;
15
    }
16
</style>
17
​
18
<select>
19
    <option value="1">Enabled Option 1</option>
20
    <option value="2">Enabled Option 2</option>
21
    <option value="3">Enabled Option 3</option>
22
</select>
23
​
24
<select disabled>
25
    <option value="1">Disabled Option 1</option>
26
    <option value="2">Disabled Option 2</option>
27
    <option value="3">Disabled Option 3</option>
28
</select>