增加自動完成擴展列表的寬度

我有CompletionListCssClass=autocomplete_completionListElement的ASP.NET AJAX自動完成擴展：增加自動完成擴展列表的寬度

.autocomplete_completionListElement 
{ 
    width:500px; 
    margin : 0px!important; 
    background-color : inherit; 
    color : windowtext; 
    border : buttonshadow; 
    border-width : 1px; 
    border-style : solid; 
    overflow :auto; 
    height : 200px; 
    text-align : left; 
}

但對於一些奇怪的原因自動完成列表的寬度始終佔據了文本框的寬度即使我將寬度設置爲500px。有沒有辦法來解決這個問題？

來源

2010-03-30 Kumar

我終於明白了。我用OnClientPopulated="onListPopulated"屬性，如下所示：

function onListPopulated() { 

     var completionList = $find("AutoCompleteEx").get_completionList(); 
     completionList.style.width = 'auto'; 
}

來源

2010-03-31 01:14:58 Kumar

給予好評，因爲這工作對我來說只是需要注意的是，聲明AutoCompleteExtender的時候，我必須包括BehaviorID =「AutoCompleteEx」屬性，以允許它由$發現在函數中查找。 – CodeClimber 2011-07-11 09:52:09

好想法... – 2014-01-21 13:53:30

我相信你也可以做到這一點通過改變

width:500px;

到

width:500px!important;

蒂姆·麥基闡述更this blog post。基本上你必須使用!important覆蓋控件本身的CSS吐出。

來源

2010-03-31 01:19:49

這是一個簡單的解決方案。 – 2014-01-21 13:52:41

您需要設置min-width至500像素

來源

2011-07-29 02:54:58

增加自動完成擴展列表的寬度

回答

相關問題