jquery - 我的 <p :fileUpload> 上可能存在 CSS 错误

Question

我在我的元素中使用:Tomcat 7、JSF 2.2、Primefaces 4.0。

我的 <p:fileUpload> 有一些问题成分。它正在发射 mouseOver当我将鼠标移到它的左侧时，“选择文件”按钮上的事件。如果单击，则会触发“选择文件”操作。

这是我的页面 http://i.imgur.com/uNoIRop.png

如果我将鼠标放在红色矩形内，mouseOver事件被触发。 http://i.imgur.com/W7HGGzR.png

我试过这个 CSS:

.ui-fileupload-buttonbar .ui-fileupload-choose input {
    position: fixed !important;
}

它修复了 mouseOver问题。但是当我单击“选择文件”按钮时，操作不会触发。

Answer 1

根据 Diego 的回答，我添加了这个 css 规则:

.ui-fileupload-buttonbar {
    overflow:hidden;
}

这解决了这个问题，除了 css 之外不需要添加任何东西。