用按钮替换ul子弹

Question

是否可以用按钮替换ul项目符号？我知道你可以用CSS改变图像，但是如果我想要一个实际的元素呢？

Answer 1

这是不可能的，因为你问，但你也许可以模仿它：

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

以下CSS：

ul, li {
    list-style-type: none;
}

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

li button {
    margin-right: 2em;
}

JS Fiddle demo

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

Answer 2

不，使用CSS你可以设置项目符号的样式或者省略它们，你可以改为生成内容，但是生成的内容只引入了一些带有一些内容的伪元素，而不是一个真正的按钮元素。

如果你需要在标记中有一个ul元素（我想知道为什么），那么你可以使用一些注入button元素的JavaScript（以及隐藏子弹的CSS）。但假设我猜你的意图是正确的，为什么不在一列中使用带有按钮的表，在另一列中使用相关内容，或者只使用内容以div元素开头的button元素？