仅适用于Chrome的AutoCompleteExtender定位

Question

AutoCompleteExtender定位在Google Chrome中无效。在IE中工作正常。

请参阅附件中的图片。在IE中，样式采用内联元素，并且谷歌浏览器中的元素样式中没有任何内容。

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" />

有人可以帮忙吗？

Answer 1

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

@media screen and（-webkit-min-device-pixel-ratio：0） {     DIV＃completionList     {         宽度：350px！重要;         上：1134px！重要;     } }

感谢观众！ ：）