Firefox溢出：隐藏功能无法在Chrome / IE中正常运行

Question

我一直在尝试为拖放输入文件实现跨浏览器的功能，我已经非常接近了，但是最后我还是不太清楚。 如标题所述，它在Chrome / IE中工作正常，但在Firefox中却表现不尽相同。 为了简单起见，我在提琴中未添加拖放功能，因为它与问题无关。

<div class='browseWrapper'>
    Drag & Drop Images Here</br><em>Or click to browse.</em>
    <input class='browseImage' type='file' />
</div>

这是到目前为止我得到的： http : //jsfiddle.net/sPJ9u/

提前致谢。

编辑：对不起，我应该更清楚地解释问题了。 如果您检查firefox中的输入元素，您会发现overflow：hidden没有像在Chrome / IE中那样隐藏溢出，导致偏移量消失了。

Firefox版本：26

Answer 1

请查看以下相关问题： 为什么在<td>中溢出：隐藏不起作用？

这是因为您已将显示设置为table-cell，这使其表现得好像div实际上是td。

Answer 2

您可以在CSS中使用以下结构：

-moz-overflow:hidden;