JSSOR滑块：图片库演示在桌面上添加用于活动mousedown事件的CSS规则

Question

对于此处可以看到的演示Image Gallery Demo我喜欢在用户按住鼠标按钮时添加CSS规则，因此活动的mousedown事件缩略图库中的缩略图。

我希望将活动点击缩略图的不透明度设置为100％（我设法做的），并且在缩略图项目周围有白色实心边框或2像素。边界就是我所苦苦挣扎的。

谢谢你的帮助。

.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; 
}