隐藏剑道上传按钮

Question

我想隐藏剑道上传的“上传文件”按钮，因为我使用自定义按钮上传文件。

我已将剑道上传的选择文件的代码编写为，

function onSelect() {
    $('.k-upload-selected').css("display", "none");
}

我也尝试过以下CSS，

.k-upload-selected{
    display: none;
}

但是上传按钮仍然存在...

请帮助我..

Answer 1

您可以简单地使用

$(".k-button.k-upload-button").css("visibility", "hidden");

初始化小部件后。 道场示例

Answer 2

对于隐藏：

$('.k-upload-selected').css('visibility', 'hidden');

彻底去除

$('.k-upload-selected').remove();

道场示例

Answer 3

您只需使用

<style>
  .k-clear-selected, .k-upload-selected{
    display: none !important;
  }
</style>

道场示例

Answer 4

如果您使用 Kendo for Angular，则需要将组件中的 encapsulation 设置为 ViewEncapsulation.None。

@Component({
    selector: 'upload-selector',
    templateUrl: 'upload.component.html',
    styleUrls: ['upload.css'],
    encapsulation: ViewEncapsulation.None
})

Answer 5

对于 Angular，这里是 Kendo 的官方示例。

---

注意：您可能需要在 CSS 类上应用

::ng-deep

（示例中缺少）才能使其正常工作：

::ng-deep .k-actions {
  display: none;
}