一点小技巧（css,git)css控制点击之后显示隐藏这么多年写了这么久的click=>setVisible(true

css禁用点击事件

突发奇想，应该所有的鼠标事件都无效了吧

pointer-events:none;

css控制点击之后显示隐藏

这么多年写了这么久的click=>setVisible(true/false)的我终于开窍了

<a class='pattern'>
<div class='pattern-list'>

.pattern {
    position: relative;
    width: 12px;
    z-index: 2;

    &-list {
        position: absolute;
        width: 220px;
        opacity: 0;
        top: -20px;
        right: 0;
        z-index: 2;
        pointer-events: none;
    }

    &:focus {
        .pattern-list {
            opacity: 1;
            pointer-events: unset;
        }
    }
}