保持CSS元素活跃

Question

单击后我需要一个按钮才能保持活动状态(不透明度已更改).我怎么能用CSS做到这一点？我已经尝试过:active和:enabled类,但它们不起作用.

欣赏有效的解决方案.

如果在CSS中不可能,有人可以帮我在jquery中进行切换吗？

Answer 1

我认为纯CSS不可能.

这是jQuery和CSS的一个例子:http://jsfiddle.net/hrPcU/

$('#btn').on('click', function(e){
    //Toggle:
    $(this).toggleClass('active');
    //Activate just once:
    //$(this).addClass('active');
});?

编辑( - >评论):

如果您想点击按钮外的任何地方,请重新切换课程,请尝试以下方法:http://jsfiddle.net/hrPcU/1/

$(document).on('click', function(e){
    //Check if the event was fired from the button
    if($(e.target).attr('id') != 'btn'){
        $('#btn').removeClass('active');
    }else{
        $('#btn').toggleClass('active');  
    }
});

​