位于选择顶部的水印标签会阻止点击传播
我已经为下拉菜单创建了一个水印/提示解决方案，我将标签绝对放置在选择元素的顶部。
不幸的是，当用户单击标签所在的位置时，下拉菜单不会打开 - 显然单击被标签阻止了。有没有办法让用户单击标签时打开下拉菜单？我知道您无法通过 JavaScript 打开下拉菜单，但是您可以执行诸如在单击触发时隐藏标签之类的操作吗？
编辑：像 Gmail 在其下拉列表中所做的那样创建自定义下拉列表并不是一个可行的选择。
I've created a watermark/hint solution for a drop down where I absolutely position a label over top of a select element.
Unfortunately, when the user clicks where the label is, the drop down doesn't open - obviously the click is being blocked by the label. Is there any way to have it so when a user clicks on the label, the drop down is opened? I understand you can't open a dropdown via javascript but can you do something like hide the label when the click fires?
Edit: Creating a custom drop down like gmail does on their dropdowns is not a viable option.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
CSS 可以处理这个问题：添加
pointer-events: none到标签。所有现代浏览器都支持这一点..除了当前版本的 IE（和 Opera），所以不幸的是你仍然必须 使用 JavaScript。
CSS can handle that: add
pointer-events: noneto thelabel.That's supported in all modern browsers.. except for current versions of IE (and Opera), so you'll still unfortunately have to use JavaScript.