pointer-events: none;解决点击失效问题

更新日期: 2020-03-28阅读: 2.8k标签: 点击

工作中,做了一个dropdown。在form-select::after里加了一个向下箭头的背景,可是点击箭头时,无法触发dropdown事件。于是添加pointer-events: none;后,可以点击。
记录于此,备忘。

.form-select{
  position: relative;
}
.form-select::after{
  content: "";
  width: 20px;
  height: 20px;
  background: url(../assets/images/drop_down.png);
  background-size:20px 20px;
  background-repeat:no-repeat;
  position: absolute;
  right: 2px;
  top: 9px;
  pointer-events: none;
}

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/article/detial/8410

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!