有没有办法防止指针/光标使用 CSS 与 select 元素后面的元素交互? [英] Is there a way to prevent the pointer/cursor from interacting with elements behind a select element using CSS?

查看：30
本文介绍了有没有办法防止指针/光标使用 CSS 与 select 元素后面的元素交互?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

有没有办法使用 CSS 防止指针/光标与 select 元素后面的元素交互?这似乎只发生在 IE11 中.

这是一个 jsFiddle，显示了我的问题:http://jsfiddle.net/6mzhgmvj/.>

随附代码如下:

<身体><选择自动对焦><option value="volvo">沃尔沃</option><option value="saab">Saab</option><option value="欧宝">欧宝</option><option value="audi">奥迪</option></选择><p><strong>注意:</strong>Internet Explorer 9 及更早版本或 Firefox 不支持 select 标签的 autofocus 属性.</p>

重现步骤:

  1. 展开下拉菜单.
  2. 将鼠标悬停在选项上.
  3. 将鼠标悬停在选项 3 和 4 上时，光标会在默认"和文本"之间快速切换，因为展开时后面有一个段落元素.

对此的任何帮助都会很棒.

解决方案

正如我在评论中所说的，问题 选择/选项中的错误光标，IE 有一个答案，建议使用相当复杂的 JS 解决方案.

可以像这样完成一些更简单的事情:
发送“验证码”获取 | 15天全站免登陆