kendo-ui - Hiding Upload button of kendo upload

Question

I want to hide the 'Upload file' button of kendo upload since I am using my custom button for uploading file.

I have written the code on select file of kendo upload as,

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

I have tried with the following css also,

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

But the upload button is still there...

Please help me..

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，您需要将组件中的封装设置为ViewEncapsulation.None。

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