位于选择顶部的水印标签会停止点击传播

Question

我为下拉菜单创建了一个水印/提示解决方案，我绝对将标签放在select元素的顶部。

不幸的是，当用户点击标签所在的位置时，下拉列表不会打开 - 显然标签会阻止点击。有没有办法让用户点击标签，打开下拉菜单？我知道你不能通过javascript打开一个下拉菜单，但是你可以做点什么来点击点击时隐藏标签吗？

修改：像gmail一样创建自定义下拉列表，这不是一个可行的选择。

Answer 1

CSS可以处理：将pointer-events: none添加到label。

所有现代浏览器都支持这种功能..除了当前版本的IE（和Opera）之外，所以你仍然不得不use JavaScript。