How to style drop-down list as shown in the screenshot?

5cfa7857ebe3e530464334.png

you need to set the background using one point and the height (select,option)
March 23rd 20 at 19:33
2 answers
March 23rd 20 at 19:35
option:nth-child(2n){
background-color: #808080;
}
March 23rd 20 at 19:37
Good day! in css there is a pseudo-class, which stylized the even and odd elements.
htmlbook.ru/css/nth-child

An example of the links
<!DOCTYPE html>
<html>
the <head>
 <meta charset="utf-8">
<title>nth-child</title>
<style>
 table { 
 width: 100%; /* Width of table */
 border-spacing: 0; /* Distance between cells */
}
 tr:nth-child(2n) {
 background: #f0f0f0; /* background Color */
 } 
 tr:nth-child(1) {
 background: #666; /* Color background */
 color: #fff; /* text Color */
 } 
</style>
</head>
the <body>
 <table border="1">
 the <tr> 
<td>&nbsp;</td><td>2134</td><td>2135</td>
<td>2136</td><td>2137</td><td>2138</td>
</tr>
 the <tr> 
<td>Oil</td><td>16</td><td>34</td>
<td>62</td><td>74</td><td>57</td>
</tr>
the <tr>
<td>Gold</td><td>4</td><td>69</td>
<td>72</td><td>56</td><td>47</td>
</tr>
the <tr>
<td>Wood</td><td>7</td><td>73</td>
<td>79</td><td>34</td><td>86</td>
</tr>
the <tr>
<td>Stones</td><td>23</td><td>34</td>
<td>88</td><td>53</td><td>103</td>
</tr>
 </table> 
</body>
</html>

Find more questions by tags CSS