仅适用于 Chrome 的 AutoCompleteExtender 定位答案

【问题标题】：AutoCompleteExtender positioning for Chrome ONLY仅适用于 Chrome 的 AutoCompleteExtender 定位
【发布时间】：2014-11-03 00:44:56
【问题描述】：

AutoCompleteExtender 定位在 Google Chrome 中不起作用。不过在 IE 中运行良好。

请看附上的图片。在 IE 中，样式位于内联元素中，并且在 google chrome 中的元素样式上没有出现任何内容。

Ajax 列表显示在公司名称文本框的顶部而不是下方。

<span class="SingleLineTextInput">Company name</span><asp:TextBox ID="CompanyNameTextBox"     CssClass="SingleLineTextInput" runat="server"></asp:TextBox>
<div id="completionList"></div>

<ajaxToolkit:AutoCompleteExtender ID="AutoCompleteExtender1" 
runat="server" 
MinimumPrefixLength="1" TargetControlID="CompanyNameTextBox"
CompletionListElementID="completionList"
 ServiceMethod="GetProviderCompletionList" 
ServicePath="~/Services/ProviderSelectorService.asmx"
CompletionInterval="500" 
CompletionSetCount="20"
CompletionListCssClass="completionList"
OnClientPopulated="AutoCompleteClientPopulated" OnClientItemSelected="AutoCompleteItemSelectedHandler" />

有人可以帮忙吗？

【问题讨论】：

标签： css google-chrome position autocompleteextender

【解决方案1】：

我通过在我的 CSS 中输入以下内容来修复它：

@media 屏幕和 (-webkit-min-device-pixel-ratio:0) { div#completionList { 宽度：350 像素！重要；顶部：1134px！重要； } }

感谢大家的意见！ :)

【讨论】：