pointer-events: none;解决点击失效问题
工作中,做了一个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;
}本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!