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

查看以下相关问题：Why does overflow:hidden not work in a <td>?

这是因为你将显示设置为table-cell，这使得它的行为就像div实际上是td一样。

Answer 2

您可以在css中使用此结构：

-moz-overflow:hidden;