更改Firefox輸入文件標記中的光標樣式

我一直在嘗試將光標樣式更改爲指針而不是I束物件，但它看起來像FF不尊重輸入文件字段中的光標規格。例如，我做了這個小小提琴：http://jsfiddle.net/jDZtn/4/其中，當用戶將鼠標懸停在光標上時，光標看起來像指針而不是Ibeam。我的最終計劃是引入不透明度== 0並在其上使用可點擊的按鈕。更改Firefox輸入文件標記中的光標樣式

我不確定此行爲是否爲錯誤。

來源

2012-06-27 JohnJ

可能重複：[CSS：如何使光標成爲對輸入文件的指針（http://stackoverflow.com/questions/7155381/css-how-make-the -cursor-to-become-a-pointer-on-the-the-input-file） – merv

更好的解決方案是顯示：沒有文件輸入，並有你的按鈕.click（）它。

編輯：經過一些測試，我注意到safari不會讓我.click（）文件輸入，因爲它被設置爲顯示：無，所以我創建了this fiddle，似乎在所有瀏覽器中都能正常工作。我只是通過定位/可見性隱藏文件輸入而不是顯示：無。

參考：https://developer.mozilla.org/en/Using_files_from_web_applications#Using_hidden_file_input_elements_using_the_click()_method

來源

2012-06-27 03:12:58

謝謝你這個肖恩。但是，你的小提琴在FF上無法工作 - 「我的自定義文件按鈕」仍然在我的Linux機器上在我的FF 13.0.1上顯示一束光。 – JohnJ

哈哈，在我所有的興奮中，我只是忘記添加遊標：指向#button的指針。我太忙於專注於實際使自定義按鈕可點擊。 [這裏]（http://jsfiddle.net/Jvafd/3/）你去。 –

非常感謝這個肖恩。我按照你的小提琴來實現它。它現在在Chrome上正常運行。但是，在FF中，當我點擊按鈕上傳時，它最終打開了2個文件上傳窗口..你會有任何線索爲什麼這可能是？在Chrome中一切正常 - 按預期打開一個文件選擇窗口。 – JohnJ

更改Firefox輸入文件標記中的光標樣式

回答

相關問題