firefox - AutoCompleteExtender 渲染问题

Question

我在我的应用程序中使用 AutoCompleteExtender 并且不知何故，建议框开始出现在文本框下方而不是下方 20-30 像素处。在挖掘生成的 HTML 之后，我注意到它呈现为 UL 和 LI 元素，而在从 ASP.NET 下载的示例中，它呈现为 DIV 内的 DIV 并且工作正常。

我无法弄清楚是什么使它呈现不同。如何在文本框下方显示建议列表？

顺便说一下，它在 IE 中看起来不错，这个问题只存在于 Firefox 中。

Answer 1

你将不得不使用你的 CSS。默认（来自示例）是：

visibility : hidden;
margin : 0px !important;
background-color : #f0f0f0;
color : windowtext;
border : buttonshadow;
border-width : 1px;
border-style : solid;
cursor : 'default';
overflow : auto;
height : 200px;
text-align : left; 
list-style-type : none;

例如，我在我的一个网站上添加了：

.autocomplete_completionListElement li
{  
    margin : 0px !important;
    padding: 2px;
}

但是你会想使用像Firebug这样的东西来确定你有什么规则被应用到你不想成为的规则。请记住，CSS =级联样式表，因此父元素或规则可以像这样影响库元素。