Css 如何在';文件';带有jQueryUI按钮的元素?

Css 如何在';文件';带有jQueryUI按钮的元素?,css,jquery-ui,Css,Jquery Ui,我正在使用jQueryUIButton小部件来设置页面上所有按钮的样式,但“文件”类型输入上的按钮仍然难以找到。一般来说,如何设置此按钮的样式,以及如何将按钮小部件应用于此按钮?众所周知,文件输入元素很难设置样式 上介绍了一个解决方法-请查看。我觉得它非常粗糙,但似乎有效 如果你需要更多的造型可能性,你可能需要看看一个基于Flash的上传程序,比如。但是,它们的工作方式不同-Flash直接上传文件数据-因此您可能必须更改表单的工作方式。下面是一篇关于“浏览”按钮样式(以及其中的问题)的文章。+1

我正在使用jQueryUIButton小部件来设置页面上所有按钮的样式,但“文件”类型输入上的按钮仍然难以找到。一般来说,如何设置此按钮的样式,以及如何将按钮小部件应用于此按钮?

众所周知,文件输入元素很难设置样式

上介绍了一个解决方法-请查看。我觉得它非常粗糙,但似乎有效


如果你需要更多的造型可能性,你可能需要看看一个基于Flash的上传程序,比如。但是,它们的工作方式不同-Flash直接上传文件数据-因此您可能必须更改表单的工作方式。

下面是一篇关于“浏览”按钮样式(以及其中的问题)的文章。

+1-quirksmode解决方案有点老套,但它确实工作得很好。使用这两种解决方案有一个折衷方案,SWFUpload需要flash,而quirksmode解决方案需要JS(除非您使用CSS-only解决方案,该解决方案在选择后不会显示文件名/路径)。quirksmode的优点是,如果JS没有打开,它应该会优雅地降级。