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');
});

修改（ - ＆gt;评论）：

如果您想点击按钮外的任何地方，请尝试切换课程，请尝试以下操作：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');  
    }
});

Answer 2

创建一个与您的:active
为该元素添加点击处理程序
在该处理程序中，使用addClass

这是概念代码：

a:active,   /*native active pseudo-class*/
a.active {  /*your make-shift active class*/
    /*styles*/
}

$('a').on('click',function(){
    $(this).addClass('active');
});

Answer 3

尝试使用：http://www.w3.org/TR/css3-selectors/#target-pseudo

示例：http://webdesignernotebook.com/examples/target.html

保持CSS元素活跃

3 个答案: