如何仅为第一个元素从kendo-multiselect下拉菜单中删除关闭(x)按钮

Question

在我的Angular应用程序中，我使用了kendo-multiselect下拉菜单。当页面加载时，默认情况下，我会在输入字段中显示第一个下拉值。

为了删除第一个下拉列表旁边的(x)，我使用了下面的CSS：

#problemWith .k-icon.k-i-close {
        display: none !important;
    } 

其中problemWith是kendo-multiselect的id。但这删除了我在此之后添加的所有下拉列表的(x)！我也尝试使用:first-of-type和第n个子属性，但似乎都不起作用。

那么，有没有一种方法，我只能删除第一个kendo-mutiselect-dropdown项的(x)，它在默认情况下加载，并为其他项保持活动状态，然后添加到那里？

Answer 1

我猜您正在寻找第一个li.k-button元素：

#problemWith .k-button:first-child .k-icon.k-i-close {
  display: none !important;
}