Увеличение ширины списка автозаполнения расширителя

Question

У меня есть расширитель автозаполнения ASP.NET AJAX с CompletionListCssClass=autocomplete_completionListElement:

.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; 
}

Но по какой-то странной причине ширина списка автозаполнения всегда занимает ширину текстового поля, даже если я установил ширину в 500 пикселей. Есть ли способ это исправить?

Answer 1

Я полагаю, что вы также можете сделать это, изменив

width:500px;

до

width:500px!important;

Тим Макки объясняет больше в этом блоге . По сути, вы должны использовать !important, чтобы переопределить CSS-сплит самим элементом управления.

Answer 2

Я наконец понял это. Я использовал OnClientPopulated="onListPopulated" свойство следующим образом:

function onListPopulated() {

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

Answer 3

Вам необходимо установить min-width на 500px