下拉列表显示文本的一部分

Question

我在IE9中的下拉列表显示了部分文本。例如，有一个名为＆＃34; Hello World＆＃34;的选择。但是当我选择它时，它会显示＆＃34; Hello＆＃34;。

我尝试禁用css，我发现这个css导致问题。

.ui-widget {font-family：Verdana; font-size：1.1em; } .ui-widget输入，.ui-widget选择，.ui-widget textarea，.ui-widget按钮{font-family：Verdana; font-size：1em; }

当我禁用此font-family：Verdana或更低的字体大小时，它显示。我无法更改核心css文件，因为它可能会影响其他一些部分。有什么好建议我可以破解它吗？感谢。

Answer 1

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

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

Answer 2

向特定控件添加一个类并指定重要标记，以确保它覆盖所有其他css设置。

即

.dropDownFont
{
    font-size: 11px !importnant;
}

或者您可以使用选择选择器将其应用于所有选择项目：

select
{
    font-size: 11px !importnant;
}