2016-02-13 55 views
0

我在想,如果有这样的事情代码:是否有点击divs的代码?

.element, #element { 
    top:20px; 
    right:20px; 
    width:25px; 
    height:10px; 
    opacity:0; 
    transition:opacity 0.4s ease-out;} 

.element:hover, #element:hover { 
    opacity:1;} 

这是元素,这是一个可点击的按钮(按钮是网站的基本代码),现在我想知道如果有一个点击按钮的CSS代码。会不会是。元素:激活或类似的东西?我只从a s知道这一点,我不知道它是否也适用于按钮,因为我想在点击它时更改它的width

.element:activated { 
    width:10px;} 

例如这样。谢谢!

+0

你实际上可以通过ccs把一个单选按钮变成一个单选按钮,所以没有javascript。谷歌上有很多例子。 – arkascha

+0

不,如果你想要实际的状态,你需要JS。 –

回答

1

是的,有事实。它是扩展名:active

如果您点击或激活元素,将运行active下的css样式。

在你的榜样,你会想:

.element:active, #element:active{ 
    width:10px; // This will be run when you click on the element 
} 

如果您想按钮留在永久你点击它后,你可以溜进这个JavaScript中(用了jQuery):

$('#element').on('click', function(){ 
    $('#element').css("width", "10"); 
});