僅適用於Chrome的AutoCompleteExtender定位

Question

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

有人可以幫忙嗎？

Answer 1

我通過在CSS中輸入以下內容修復了該問題：

@media屏幕和（-webkit-min-device-pixel-ratio：0）{div＃completionList {寬度：350px！important; 頂部：1134px！ }}

感謝大家的意見！ :)