Primefaces：fileupload游标问题

Question

当我将鼠标光标放在FileUpload按钮上时，会发生以下情况：指针类型仅显示在按钮的两侧，但当它位于标签区域上方时，光标将更改为文本类型。默认的FileUpload CSS看起来很好，而且我还没有找到关于标签的任何样式选项或可能导致摩擦的类似东西。

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但没有改变。

注意：只有 Chrome （默认光标）和 Firefox （文本光标）才会出现此问题。适用于IE浏览器。

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

对此有何想法？

Answer 1

这应该可以帮助您使用Chrome：

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

我认为一种后备策略适用于Firefox？：

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

您可能希望使用CSS标记答案，因为这是一个浏览器样式“事物”。