0

当我将鼠标光标放在 FileUpload 按钮上时，会发生这种情况：指针类型仅显示在按钮的侧面，但当它位于标签区域上时，光标变为 text 类型。默认的 FileUpload CSS 似乎很好，而且我还没有找到任何关于标签的样式选项或可能导致一些摩擦的类似内容。

在此处输入图像描述

文件上传默认 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 上运行良好。

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

对此有什么想法吗？

4

1 回答 1

1

这应该让您开始使用 Chrome：

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

在我的脑海中，我认为后备策略适用于 Firefox？：

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

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

于 2013-02-14T18:00:53.837 回答