css - 显示部分文本的下拉列表

标签 css internet-explorer-9

我在 IE9 中的下拉列表显示了部分文本。例如,有一个名为“Hello World”的选择。但是当我选择它时,它显示“你好”。

我尝试禁用 css,我发现是这个 css 导致了问题。

.ui-widget { 字体系列:Verdana;字体大小:1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana;字体大小:1em;

当我禁用此字体系列:Verdana 或减小字体大小时,它会显示。我无法更改核心 css 文件,因为它可能会影响其他部分。有什么好的建议我可以破解它吗?谢谢。

最佳答案

在我看来,您在下拉列表中设置了明确的 css 宽度。为您的 Web 应用程序创建一个新的 CSS 文件,并向其中添加以下内容,以允许下拉列表展开以适合其中的文本;

.ui-widget select {width: auto !important;}

关于css - 显示部分文本的下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10331708/

相关文章:

javascript - 构建后如何使CSS过滤器在VueJS中工作?

jquery - 为什么下拉菜单在 IE9 中不起作用?

javascript - 经典的 asp 页面在 IE9 上无法正常运行

internet-explorer-9 - IE9 显示 IE7 用户代理

javascript - 如何使用 JavaScript 创建动态上边距?

javascript - 函数不会从动态创建的 html 代码中调用

html - 风格从 chrome 到 IE 不同。定心

css - 如何在 React Ant 设计布局中使 Logo (图像)响应?

css - 如何修复此 CSS 3 代码以使其在服务器上正常工作?

flash - 从 Flash 启动时,文件下载对话框在 IE9 中的 IE ModalDialog 中不起作用