鼠标点击一个链接怎么做到实现的是该链接的样式，触发的是被遮盖层的功能

鼠标点击一个链接如何做到实现的是该链接的样式，触发的是被遮盖层的功能


a链接是一个按钮，鼠标经过时，聚焦时都能呈现该按钮的样式
红色边框部分是选择文件的功能，WordPress中该部分是定位到a链接下方，使其重合。

当鼠标点击a按钮时，就会触发选择文件的功能。

但我在模仿着做的时候，发现根本无法触发选择文件的功能。因为a链接 z-index:1 层次比红色边框部分高，鼠标点击不到下面被遮住的部分。

反过来，如果把a链接层次设的低，能点击选择文件部分时，又失去了a链接的样式，鼠标经过，按下时不再触发样式。

我知道通过点击a链接来触发input type=file 的js代码，但我想知道的是WordPress是怎么做的，如果通过寻常手段触发选择文件功能，就没必要把其定位到a链接下方，他之所以那么做肯定有其原由，希望大家研究下。
------解决思路----------------------
cursor:pointer
------解决思路----------------------
type=file  在 a 标签上面，设置透明  和鼠标样式 cursor:pointer