Kendo 列过滤图标在 IE 中显示额外的点

Question

我在实施 kendo 列过滤器时遇到了这个小而奇怪的错误。我的过滤图标在 IE 中有一个额外的点。在所有其他浏览器中，一切看起来都很好。我不知道如何删除或至少隐藏这个额外的小点。

这是来自 IE 的屏幕截图：

它应该是这样的：

我使用了常规的 kendo 过滤实现，代码示例如下：

var MyGrid = function($div) {
   var base = $div.data('baseurl');

   var columns = [ 
   { field: 'userName', title: 'User Name'}, 
   { field: 'age', type:'number', title: 'Age' }];

   grid($div, columns, {
     datasource: datasource(base + '/double', ViewBackbone.options()),
     options: {
        filterable : {
            extra: false,
            operators: {
              string: {
                contains: "Contains",
                startswith: "Starts with",
                eq: "Equals"
              },
              number: {
                eq: "Is equal",
                gt: "Greater than",
                lt: "Less than"
              }
            },
            messages: {
                info: "Choose an option",
                filter:"Filter",
                clear: "Clear"
            }
        },      
     }
  });        
};

Answer 1

问题已通过将宽度 属性 固定为列 header 解决。因此，在您的 css 中，您必须将宽度指定为大于 100%。我将我的设置为 115% 并且点消失了。