如何解决用伪元素点击下拉列表触发不了事件的问题

当用伪元素浮动起来写下拉箭头的时候会出现点击箭头下面的列表不出现，怎么去解决呢？添加一行代码就行

    pointer-events: none;

效果图

如何解决用伪元素点击下拉列表触发不了事件的问题相关推荐

vue中父元素点击事件与子元素点击事件冲突
vue中父元素点击事件与子元素点击事件冲突在做vue项目的时候,遇到子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢?这就用到vue事件 ...
php jquery点击事件,jQuery操作html元素点击事件详解
这次给大家带来jQuery操作html元素点击事件详解,jQuery操作html元素点击事件的注意事项有哪些,下面就是实战案例,一起来看一下. 移除或禁用html元素的点击事件可以通过css实现也可以 ...
vue子元素点击事件与父元素点击事件冲突子元素点击事件不触发
在vue项目中,子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢? 解决方法:使用vue中的事件修饰符 vue为 v-on 提供了 .st ...
html 隐藏元素点击事件,css隐藏元素的几种方法中可以触发点击事件的是？
css隐藏元素的几种方法中可以触发点击事件的是是opacity设置为0的方法. css隐藏元素的方式: 1.display:none;.box{ display: none; } 最简单也最粗暴的方 ...
html动态生成按钮事件无效,【iCheck】通过 JS 动态生成的元素点击无效的解决方法...
HTML Sample JS$('input').iCheck({ checkboxClass: 'checkbox-default', radioClass: 'radio-default' }); ...
js手动触发页面元素点击事件，程序触发，自定义点击事件模拟点击
页面有时候的使用场景需要手动控制某个元素响应点击事件,可以达到不直接点击元素来响应事件,这里可以使用element.dispatchEvent(),在使用element.dispatchEvent() ...
CSS去除元素点击时出现的小竖杠
在开发过程中我们不免要使用div span等一系列非a/bottom 的元素来充当跳转或提交的工具可我们会发现当用户点击我们的假触发器上会出现一个类似于输入框输入提示的小竖杠其实原理很简单页面 ...
web页面事件无响应，元素点击不到
有可能出现这种情况的原因就是:z-index属性设置成负值导致,点击页面时,获取不到焦点,无法触发事件. 转载于:https://www.cnblogs.com/chenjzblog/p/418609 ...
label 标签里面元素点击事件
想做一个单击显示,单击消失的效果,两个元素都在label标签里面,通过打log发现,当点击消失的时候,先执行了消失的单击事件,有执行了出现的单击事件,所以元素并没有消失,这个出现的原因是因为点击lab ...

如何解决用伪元素点击下拉列表触发不了事件的问题

如何解决用伪元素点击下拉列表触发不了事件的问题相关推荐

最新文章

热门文章