剑道下拉列表清晰过滤器，边缘不工作/ IE

Question

这是一个工作例如，你可以在下拉列表上

<input type="text" id="ddl" /> 
<button>Change value</button> 
<script> 
    var ddl = $("#ddl").kendoDropDownList({ 
    dataTextField: "name", 
    dataValueField: "id", 
    filter: "contains", 
    dataSource: { 
    data: [ 
    {id: 1, name: "apples"}, 
    {id: 2, name: "oranges"}, 
    {id: 3, name: "apples2"}, 
    {id: 4, name: "oranges2"}] 
    } 
    }).data("kendoDropDownList"); 

    $("button").on("click", function(){ 
    ddl.dataSource.filter("") 
    ddl.value(2); 
    }); 
</script> 

http://dojo.telerik.com/@plazarov/EmAni

单击并在边缘 过滤它

现在通过在输入文本字段上选择'x'标记来清除过滤器。过滤器不会被清除。

这是剑道控制中的错误吗？

Answer 1

你可以说这是一个剑道的错误是，看到自己的例子遭受了同样的问题（在IE /边框）： http://demos.telerik.com/kendo-ui/dropdownlist/serverfiltering

但你也可以认为它是浏览器戳它的鼻子和添加此“清除”按钮到输入字段。你可以用简单的CSS抑制它：（信贷Remove IE10's "clear field" X button on certain inputs?）

.someinput::-ms-clear { 
    display: none; 
} 

看到这里的工作例如：http://dojo.telerik.com/oguYo

有趣的是剑道风格抑制这种过多，而不是使其与工具了，我发现2种用途它的普通CSS只是一目了然：

.k-widget ::-ms-clear{width:0;height:0} 

.k-multiselect-wrap .k-input::-ms-clear{display:none} 

想必他们错过了这个实例，虽然，好点！