Html 用按钮替换ul子弹

是否可以用按钮替换

ul

项目符号？我知道您可以使用CSS更改为图像，但如果我需要实际的元素？

按照您的要求，这是不可能的，但您可以模拟它：

<ul>
    <li><button>some button text</button>List-element text.</li>
</ul>

---

当然，这种方法的成功或适用性完全取决于您的用例，而您的问题忽略了这个用例。有了更多的细节，这个答案可能会变得更有用。

不，使用CSS，您可以设置项目符号的样式或将其省略，您可以生成内容，但生成的内容只引入了一个包含某些内容的伪元素，例如，不是一个真正的按钮元素

---

如果您需要在标记中包含

ul

元素（我想知道为什么），那么您可以使用一些注入

按钮

元素的JavaScript（以及隐藏项目符号的CSS）。但是假设我猜对了您的意图，为什么不在一列中使用一个带有按钮的表，在另一列中使用关联的内容，或者只使用

div

元素，内容以

按钮开始？

元素？

好吧。。。但是，有没有办法复制这一点？你到底想实现什么？请解释一下上下文。@ATOzTOA是一个待办事项列表样式的东西。按钮是复选标记。我正在制作一个待办事项列表样式的东西，因此该按钮将用作复选框/删除按钮。在JSFIDLE中，您的解决方案运行良好，但直接在浏览器（google chrome、coda preview）中会有一些额外的缩进。只需在CSS中为“li button”减少右边空白值即可。li按钮{margin right:0；}调整

按钮的
margin right
，或指定
margin left:0；左侧填充：0在
li
元素上。JS Fiddle使用规范化的CSS样式表来减少不同浏览器默认值的影响，这些默认值您可能使用过，也可能没有使用过。试着看看你是否应该使用它，或者你应该使用哪个（如果你还没有使用的话）。
ul, li {
    list-style-type: none;
}

li {
    padding-left: 0;
    margin-left: 0;
}

li button {
    margin-right: 2em;
}