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;
}本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!