html - 克隆 CSS 样式的文件上传按钮

Question

我设计了一个 <input type="file"/>使用 CSS。当我点击 +按钮，它将被克隆。然而，这只会在视觉上发生在无样式的上传按钮上。

提示:为了用样式化的按钮替换标准按钮，我设置了input[type="file"] { display:none } .注释掉这一行，克隆的上传按钮变得可见，但没有样式。

有没有办法克隆 CSS 样式的按钮？

参见 Fiddle

Answer 1

除了 input 之外，您还需要克隆 label。

这会克隆第一个 label，同时确保它可以使用自己的 input:

$('label').first()
  .clone(true)
  .attr('for','img'+addcounter)
  .insertBefore($('#add'));

Fiddle