Kendo ui 剑道ui-仅覆盖一个下拉列表的k动画容器样式

我使用剑道ui下拉菜单。 我添加了一些更新的css，效果很好

.k-animation-container {
//this is popup that is html is rendered out of the page element
//so it cannot be selected by id / panaya class / panaya element

.k-popup.k-list-container {
    .k-item,
    .k-item.k-state-selected,
    .k-item.k-state-focused {
        background-color: transparent;
        color: $darken-gray-color;
        margin-left: 0;
        margin-top: 0;
    }
  }
}

问题是，虽然每个下拉列表都有其他输入元素实例，但列表中有一个实例是隐藏的，当您单击任何组合时，它会显示在当前单击的组合附近。 当您验证列表容器样式时，您会对所有Comboox使用它。

---

这个问题有什么解决方案吗？

这是一个已知的问题，因为每个弹出的剑道都会用类

k-animation-container

您可以尝试telerik论坛上建议的解决方案：

---

没有亲自尝试过，gl。

我的团队找到了一个很好的解决方案：

有一个选项可以为输入元素提供自定义id。 然后，您可以根据您提供的自定义id+'list'str选择列表容器

现在，如果要获取k-animation-container，可以选择列表元素，然后请求其父元素

代码示例：

 <span
            kendo-multi-select
            id="my-type-dd"
            k-options="$ctrl.getVMultySelectConfig()"
            k-ng-model="$ctrl.selectedTypes"
        ></span>

输入元素：

 <span
            kendo-multi-select
            id="my-type-dd"
            k-options="$ctrl.getVMultySelectConfig()"
            k-ng-model="$ctrl.selectedTypes"
        ></span>

如果您需要k-aniamation-container，您需要通过jQuery选择它，因为css没有父选择器：

var kAnimationElement = $("#my-type-dd-list").parent();

---

谢谢，但请看下面更好的解决方案。

var kAnimationElement = $("#my-type-dd-list").parent();