Question

我有一个带有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，自动完成列表的宽度也总是占用文本框的宽度。有办法解决这个问题吗？

Answer 1

我终于明白了。我使用OnClientPopulated="onListPopulated"属性如下：

function onListPopulated() {

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

Answer 2

我相信你也可以通过改变

来实现这一目标

width:500px;

到

width:500px!important;

Tim Mackey在this blog post中进行了更多阐述。基本上你必须使用!important来覆盖控件本身的CSS吐出。

Answer 3

您需要将min-width设置为500px

增加自动完成扩展程序列表的宽度

3 个答案: