我的<p：fileupload> </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。

Answer 2

它有宽度？ 尝试float或使用div换行并设置overflow: hidden。

我们能看到css风格吗？

Answer 3

我不认为CSS与触发动作有关，可能是你的jquery或你选择“选择文件”的动作代码。