Ajax control toolkit combobox показывает странные пули в выпадающем списке

Я использую Ajax control toolkit's combobox на моем сайте. Я привязываю к нему данные настраиваемого типа динамически. Вот код aspx, который я на него положил.Ajax control toolkit combobox показывает странные пули в выпадающем списке

<ajaxToolkit:ComboBox ID="ddlAddAccount" runat="server" AutoPostBack="False" DropDownStyle="DropDownList" AutoCompleteMode="SuggestAppend" CaseSensitive="False" CssClass="ComboBoxStyle" ItemInsertLocation="Append"/>

Вот CSS к этому:

.ComboBoxStyle .ajax__combobox_itemlist 
{ 
      border: 1px solid YellowGreen; 
      font-size:medium; 
      font-family:Courier New; 
      padding-left: 0px; 
      list-style:none; 
      list-style-type:none; 
}

Проблема я столкнулся в том, что, когда DDL оказывается на странице, это показывает некоторые странные коробки внутри выпадающего меню. Кажется, это пули. Но, невзирая на то, что стиль list-style-type: none; в css нет изменений в выходе. То есть, странные коробки все еще появляются. Вот экран клип оказанной со списком:

enter image description here

Я даже проверил обработанную HTML размечать, чтобы увидеть, если есть символ, который в настоящее время добавляется, но нет. Знаки <li> в теге <ul> просто содержит список элементов, которые привязаны.

Любая идея, что это может быть и как избавиться от этих? Я пробовал ddlAddAccount.Items.Clear(); перед привязкой, но это не помогло.

Большое спасибо!

источник

2014-02-18 Amogh Natu

Пожалуйста, поделитесь информацией о браузере, в котором вы испытываете эту ошибку. Также я не уверен, почему у вас есть атрибут 'item' в вашей декларации. – NoviceProgrammer

Мои извинения, здесь атрибут ItemType добавляется по ошибке. Это не актуально. Я использую браузер Chrome. –

Если это действительно маркированный список элементов, которые можно попробовать положить важно! в стиле, чтобы убедиться, что нет никакого стиля списка применяется.

.ComboBoxStyle .ajax__combobox_itemlist 
{ 
    border: 1px solid YellowGreen; 
    font-size: medium; 
    font-family: Courier New; 
    padding-left: 0px; 
    list-style-type: none !important; /* Add the important here */ 
}

Я не могу воспроизвести проблему, но вы должны иметь какой-то стиль CSS применяется к ул или Li-тегов, является причиной этого. Я знаю, что вы упомянули, что вы не отметили весь стиль управления в браузере, но должно быть что-то, что вы пропустили.

Надеюсь, это сработает.

источник

2014-02-19 00:43:20 singularhum

Это был действительно дополнительный стиль, который добавлялся ко всем <li> тегам из своего рода родительской таблицы стилей (которая была необязательно включена в страницу с помощью тега ссылки). Я должен был включить и отключить каждую таблицу стилей, применяемую к странице, но, наконец, нашел ее.! Большое спасибо!! :) –

Скорее всего, какой-то дополнительный стиль противоречит вашему комбинированному ящику.

Используйте инструмент разработчика (F12 developer tools in IE, Tools --> developer tools in chrome) и изолируйте CSS, применяемый в вашем списке.

Также комбо-поле не будет отображаться как <option>. Она должна быть оказана в виде неупорядоченного списка (<ul><li>...</li>)

источник

2014-02-18 11:22:14 NoviceProgrammer

Я попытался проверить все элементы стиля, которые были применены к комбинированному ящику, но все же я получаю это. –

просто создайте тестовую страницу без стилизации, а затем используйте комбинированный блок. Это поможет вам изолировать проблему. Также пройдите через свой CSS и снимите отметку с любого стиля, который применяется к li, ul – NoviceProgrammer

Ajax control toolkit combobox показывает странные пули в выпадающем списке

ответ

Смежные вопросы