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

【问题标题】：Onclick apply to padding and movement of buttonOnclick 适用于按钮的填充和移动
【发布时间】：2013-11-09 05:59:32
【问题描述】：

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

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

这是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;
}

【问题讨论】：

标签： jquery css padding

【解决方案1】：

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

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

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

【讨论】：

这就是我为备份保留的内容，任何人，就随它去吧。此外，外部对象不使用 z-index，内部对象使用负 z-index 可以让您将父级置于子级之上。
Rrr.... 这不起作用，因为如果它在另一个元素中，按钮最终会不可见。
也许不要把它放在另一个元素里面，只是叠加在它上面，但是在它之后在dom中。