Possible to remove the input clear icon

[Brian]

This is generated with this code snippet:

            <kendo-multiselect
              [checkboxes]="true"
              [autoClose]="false"
              [data]="listItems"
              [clearButton]="false"
              formControlName="referenceType"
              #multiselect
              [style.width.px]="350"
              textField="name"
              valueField="id"
              [itemDisabled]="itemDisabled"
            >
            </kendo-multiselect>

I'd like to remove the X clear icon.  Is this possible?

[Martin]

Hi Brian,

Thank you for the provided screenshot.

There is no built-in option that can be used to remove the clear icon from the tags. However, with custom CSS, this could be achieved:

  .k-input .k-chip-actions .k-icon.k-i-x-circle{
    display: none;
  }

Here is an example:

https://stackblitz.com/edit/angular-prqidj

Please keep in mind that customizing components with CSS isn't something that is supported by the suite and should be used at your own discretion.

Regards,
Martin
Progress Telerik