如何从代码隐藏中删除 Html <li> 项目符号？答案

【问题标题】：How to remove Html <li> bullets from codebehind?如何从代码隐藏中删除 Html <li> 项目符号？
【发布时间】：2012-12-09 05:05:49
【问题描述】：

我从代码隐藏创建一个 html 列表，如下所示：

HtmlGenericControl list = new HtmlGenericControl("ul");
for (int i = 0; i < 10; i++)
{
   HtmlGenericControl listItem = new HtmlGenericControl("li");
   Label textLabel = new Label();
   textLabel.Text = "Menu"+i;
   listItem.Controls.Add(textLabel);
   list.Controls.Add(listItem);
}

但是渲染的列表有项目符号，我想阻止它们。

【问题讨论】：

生成的 HTML 是什么样的？
一个带有项目符号的 html 列表：|
具体来说，ul 是否获得类或 id？ li 怎么样？
@a_maar 做 not 编辑以更改问题。
@JeromyFrench 他们俩都不是。

标签： javascript css html-lists code-behind

【解决方案1】：

你能不能在类似的东西上加上一个 id 名称： HtmlGenericControl list = new HtmlGenericControl("ul"); list.Id = "myId";

然后在css中定义：

#myId{
 list-style-type: none;
}

【讨论】：

类应该用于样式而不是 ID（不是无效的，只是不好的做法）。

【解决方案2】：

我认为你可以使用 style 属性：

list.Style.Add("list-style", "none");

【讨论】：

【解决方案3】：

使用 CSS：

ul {
   list-style: none;
}

【讨论】：

css 解决方案效果很好，因为子弹已关闭，但我需要“恢复”子弹占用的空间。
@a_maar 你能举一个在jsfiddle.net上渲染的html/css的例子吗？
@a_maar 然后为li 样式添加填充
我同意，这应该在外部 CSS 中完成，而不是使用代码隐藏来操作 HTML 内联样式。