Primefaces：文件上傳光標問題

Question

當我將鼠標光標放在FileUpload按鈕上時，會發生這種情況： 指針類型僅顯示在按鈕的側面，但是當它位於標簽區域上方時，光標變為type text 。 默認的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標記答案，因為這是瀏覽器樣式的“事物”。