jquery - Onclick 适用于按钮的填充和移动

Question

我给了一个锚元素一个盒子阴影，在:active上我让盒子阴影消失了，按钮本身移动了，给人一种被按下的错觉。

问题是，我希望填充和原始区域都成为点击操作的一部分。

这是按钮处于活动状态时的小提琴和我的代码：

.uploadButton:active {
    top: 7px;
    box-shadow: 0 2px 0 #393939, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);    
    color: #fff !important;
}

Answer 1

填充和“原始区域”或内容框已经是可点击区域的一部分。

不幸的是，没有简单的方法可以在 box-shadow 区域生成单击事件，我认为这就是您的意思。

我会尝试做你想做的事情的方法是将你的按钮包装在一个更大的透明元素中，这将获得点击事件并在.uploadButton点击它时向你添加一个“.active”类。