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;