是否有点击 div 的代码？答案

【问题标题】：Is there a code for clicked divs?是否有点击 div 的代码？
【发布时间】：2016-05-24 21:23:36
【问题描述】：

我想知道是否有这样的代码：

.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代码。会是 .element:activated 还是类似的东西？我只从as 知道这个，我不知道它是否也适用于按钮，因为我想在点击它时更改它的width。

.element:activated {
    width:10px;}

例如像这样。谢谢！

【问题讨论】：

您实际上可以仅通过 ccs 将单选按钮转换为单选按钮，因此无需 javascript。 google 上有很多这样的例子。
不，如果你想要实际的状态，你需要JS。

标签： html css button click

【解决方案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");
});

【讨论】：