删除 Jasny 文件输入小部件中的更改按钮答案

【问题标题】：Remove change button in Jasny fileinput widget删除 Jasny 文件输入小部件中的更改按钮
【发布时间】：2015-03-16 12:43:43
【问题描述】：

我将Jasny Fileinput Widget 集成到我现有的表单中。当我选择新文件时，它会显示两个按钮：更改和删除。我认为在这种情况下不需要更改按钮，因此我想完全删除此按钮。通过将 style="display:none" 添加到元素，我也尝试删除此元素。但是，这仍然出现这样的空白点： jsfiddle.

我的 HTML：

<div class="fileinput fileinput-exists" data-provides="fileinput">
<div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
<img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" />
</div>
<div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"><img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&text=no+image" /></div>
<div>
<span class="btn btn-default btn-file"><span class="fileinput-new">Select image</span><span style="display:none" class="fileinput-exists">Change</span><input type="file" name="file[]"></span>
<a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
</div>
</div>

有什么建议可以彻底删除吗？

【问题讨论】：

将display none设置为它的父元素？
是的，我确实设置了它：更改
@u_mulder 评论是正确的。您必须将 display:none 设置为父级，例如 this。无论如何，考虑到按钮内部有输入，它没有多大意义。

标签： php jquery css file-upload jasny-bootstrap

【解决方案1】：

您似乎无法完全移除该按钮。由于该按钮属于文件输入，因此您无法将其删除。但是，您可以编写自定义样式来隐藏文件输入按钮，但它可能会隐藏与其关联的其他按钮。

对不起，我无法帮助任何进一步的伙伴。

【讨论】：