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 = 级联样式表，因此父元素或规则可以像这样影响库元素。

AutoCompleteExtender渲染问题

1 个答案: