Liste gris/noir

HTML

<html>
    <head>
	    <script>

            function changeColor(s) {
                if(s.options[s.selectedIndex].value == "") {
                    s.style.color = "#a9a9a9";
                } else {
                    s.style.color = "black";
                }
            }
		</script>
		<style>
		.placeholder{
		 color: #a9a9a9;
 		 width: 205px;
 		 height: 25px;
		}
		option:first-child{color:black; display: none;}
		option {color:black;}
		</style>
    </head>
    <body>
			<select id="choix" class="placeholder" onchange="changeColor(this);">
				<option value="" disabled selected hidden>Type de contact</option>
			  <option value="email">Email</option>
				<option value="tel">Tel</option>
				<option value="courrier">Courrier</option>
				<option value="forum">Forum</option>
				<option value="ami">Ami</option>
			</select>
    </body>
</html>