Question

我给一个锚元素一个盒子阴影，然后在：激活我让盒子阴影消失，按钮本身移动，给人一种被按下的错觉。

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

以下是fiddle以及按钮处于活动状态时的代码：

.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'类

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

1 个答案: