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

Question

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

不幸的是，当用户点击标签所在的位置时，下拉菜单不会打开 - 显然点击被标签阻止了。有什么办法可以让用户点击标签时打开下拉菜单？我知道您无法通过 javascript 打开下拉列表，但是您可以在点击触发时执行隐藏标签之类的操作吗？

编辑：像 gmail 在其下拉列表中创建自定义下拉列表不是一个可行的选择。

Answer 1

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

所有现代浏览器都支持这一点。除了当前版本的 IE（和 Opera），所以很遗憾你仍然必须使用 JavaScript。