c# - Ajax 控件工具包组合框在下拉列表中显示奇怪的元素符号

Question

我正在使用 Ajax control toolkit's combobox在我的网站上。我动态地将自定义类型数据绑定(bind)到它。这是我为其输入的 aspx 代码。

<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 中，输出没有变化。也就是说，奇怪的盒子仍然出现。这是呈现的组合框的屏幕剪辑:

我什至检查了呈现的 HTML 标记，看看是否有任何字符被附加但没有。

标签中的
• 标签只包含绑定(bind)的元素列表。

  知道这可能是什么以及如何摆脱这些吗？我在绑定(bind)之前尝试了 ddlAddAccount.Items.Clear(); 但这没有帮助。

  非常感谢!

Answer 1

如果它确实是列表元素符号项，您可以尝试将 !important 放在样式中以确保没有应用列表样式。

.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 样式应用于导致此问题的 ul 或 li 标签。我知道您提到您在浏览器中取消选中控件上的所有样式，但一定有您遗漏的地方。

希望这能奏效。