使用jQuery-UI的文件输入按钮样式

Question

我正在使用jQuery UI,我注意到输入文件按钮:

<input type="file">

不能像其他按钮一样设计.我发现这个插件看起来很酷,显然可以让你放一个图像而不是按钮,但是这些例子没有显示任何按钮样式.

如果没有jQuery将主题样式应用于该按钮,我可以在CSS中自己设置样式吗？

Answer 1

是的,你可以,只有CSS.

做一个<form>,把<div>它包在里面然后放进<input type="file">去<div>.

要覆盖默认样式<input type="file">,主要优先级是设置opacity: 0;输入,以便样式来自<div>css.

更新:

从<input type="file">你需要一些jQuery 获取文本.

例如,添加一个段落.然后使用输入中的文本val()并将其设置为段落文本.更新小提琴:

小提琴演示