CSS样式添加到动态生成的有序列表行

Question

我继承了一个问题，我解决了很多困难。

我们从输入到无序列表行的数据动态创建新的有序列表行。用户将一些数据输入<ul>，然后根据输入的数据填充信息。然后我们remove() <ul>中的行，然后将<ol>添加到appendTo()。

创建新的<ol>项后，该行会获得一个真正搞砸的style="width: 100%;"标记 行中的KendoUI日期选择器的格式。

如果我们将数据保存在页面上并刷新/重新加载页面，则格式化将恢复正常，并且任何添加的行上都没有width标记。

我已经通过在元素上调用removeAttr('style')来解决问题了，但这对我来说感觉“hackish”，我真的很想知道如何找到添加样式的新添加的行和修复它。

有什么想法吗？

Answer 1

创建transform.kendo-ui.css文件或类似文件。

然后您可以根据需要输入该文件（请原谅我对类名的猜测，自从我上次使用剑道以来已经过了大约10个月）：

.k-list-container > .k-list-item,
.k-animation-container .k-list-item,
etc. etc. {
   width:auto!important;
}