选择框创建占位符

在文本输入中使用占位符，效果很好，可以使用以下代码：

<select>
    <option value="">请选择</option>
    <option value="hurr">陕西省</option>
</select>

但是这样默认的颜色和选择的就一样了，下面代码可以解决这种问题

<style>
select:invalid { color: #CDD2D7; }
</style>

<select required>
    <option value="" disabled selected hidden>请选择</option>
    <option value="陕西省">陕西省</option>
    <option value="北京市">北京市</option>
</select>

这种方法就可以解决默认选项为灰色，而选择的值为黑色。