Primefaces：fileupload光标问题

当我将鼠标光标放在FileUpload按钮上时，会发生以下情况：指针类型仅在按钮的两侧显示，但当它位于标签区域上方时，光标将更改为类型文字。默认的FileUpload CSS看起来很好，再加上我没有找到任何有关标签或类似的风格选项，可能会导致一些摩擦。Primefaces：fileupload光标问题

enter image description here

的FileUpload默认CSS

.fileupload-buttonbar .ui-button input { 
    position: absolute; 
    top: 0; 
    right: 0; 
    margin: 0; 
    border: solid transparent; 
    border-width: 0 0 100px 200px; 
    opacity: 0; 
    filter: alpha(opacity=0); 
    -o-transform: translate(250px, -50px) scale(1); 
    direction: ltr; 
    cursor: pointer; 
    z-index: 5000; 
}

XHTML

<p:fileUpload style="pointer:cursor !important" 
    fileUploadListener="#{controller.doSomething}" 
    mode="advanced" label="Examinar" 
    auto="true" 
/>

我试图重写CSS，但没有改变。

注：此行为仅与铬（默认光标）和火狐（文本光标）发生。在IE上运行良好。

我读过关于数据表组件的一些光标问题，但到目前为止我还没有能够摆脱这种奇怪的不便。

对此有何看法？

来源

2013-02-06 CountD

这应该让你对你的方式使用Chrome：

input[type="file"]::-webkit-file-upload-button { cursor: pointer; }

关闭我的头顶，我想回退策略奏效的Firefox？：

input[type="file"] { cursor: pointer; cursor: hand; }

您可能要标记您的用CSS回答，因为这是一种浏览器样式“东西”。

来源

2013-02-14 18:00:53 user2073109

谢谢。它现在正在使用Chrome。 Firefox仍然没有运气。这似乎是浏览器的限制。我在这里发现了类似的内容：http://code.google.com/p/gwtupload/issues/detail?id=128 – CountD

Primefaces：fileupload光标问题

回答

相关问题