IE,为什么剑道下拉列表中的省略号是电话图标?

问题描述 投票:0回答:1

View here

我的剑道版本2015.1.429.440

当剑道下拉列表中的文本太长时

我如何在剑道下拉列表中隐藏电话图标或将电话图标替换为省略号?

css internet-explorer kendo-ui
1个回答
0
投票

您未发布示例代码,所以我不确定如何引用Kendo JS文件以及下拉列表使用的实际代码。

我尝试使用下面的代码进行测试,看起来在IE 11浏览器中工作正常。

请注意,在添加参考文献时,我只是传递了[[2015.1.429而不是2015.1.429.440

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Demo Grid App</title> <!-- CDN-based stylesheet reference for Kendo UI DataViz --> <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.default.min.css"> <link rel="stylesheet" href="http://cdn.kendostatic.com/2015.1.429/styles/kendo.common.min.css"> <!-- CDN-based script reference for jQuery; utilizing a local reference if offline --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> <!-- CDN-based script reference for Kendo UI DataViz; utilizing a local reference if offline --> <script src="http://cdn.kendostatic.com/2015.1.429/js/kendo.all.min.js"></script> <style> .k-list-container{ min-width:126px !important; width: auto!important; } .k-list { width:auto !important; } </style> </head> <body> <header> <h1>Demo dropdown App</h1> </header> <select id="drop" > <option>Option1</option> <option>Demo text Demo text Demo text</option> </select> <script> $(document).ready(function(){ $("#drop").kendoDropDownList(); }); </script> </div> <footer> </footer> </body> </html>
在IE 11浏览器中的输出:

enter image description here

如果问题仍然存在,那么建议您发布示例代码,以帮助我们重现此问题。我们将尝试检查并尝试提供建议。

© www.soinside.com 2019 - 2024. All rights reserved.