JSSOR滑块：图像库演示为桌面上的活动mousedown事件添加CSS规则

Question

对于可以在这里看到的演示Image Gallery Demo我想在用户按下鼠标按钮时添加CSS规则，以便在缩略图库中的缩略图上显示活动的mousedown事件。

我希望活动点击缩略图的不透明度为100％（我设法做的）以及白色实心边框或2px围绕缩略图项目。边界是我正在努力的方向。

感谢您的帮助。

.jssort07 .p:hover .i, .jssort07 .pav .i {
    filter: alpha(opacity=100);
    opacity: 1;
}    


/* thumbnail item mousedown active event for desktop behaviour */
/* .pdn since this is (mousedown) given the JSSOR docs */

.jssort07 .p:active .i, .jssort07 .pdn .i {
    filter: alpha(opacity=100);
    opacity: 1;

    /* how can I add CSS for a 2px white border for this event please */
    /* this below does not work */
    border: 2px solid white;                                    
}

Answer 1

它已经有效了。

当添加2px边框时，请减小它的大小，

.jssort07 .p:active .i, .jssort07 .pdn .i {
    filter: alpha(opacity=100);
    opacity: 1;

    border: 2px solid white;
    width: 68px;
    height: 68px;
}