在 HTML 中的无序列表中使用 list-style-type 复选框

Question

我想在网页上制作一个项目符号列表，我需要我的项目符号像用户可以选择的复选框一样起作用。然后，我想使用它们根据用户选择的列表元素执行某些功能。此外，这些<li>中的每一个还包含一个description list.

list-style-type没有这样的选择。我试图将一个输入标签附加到<li>这样的：
<input type= "checkbox"> 但这看起来太丑了，因为复选框没有出现在与 .html 的其余部分不同的行上<li>。

Answer 1

你的问题不是很清楚。

list-style-type用来改变子弹的美感，但不能有特定的功能。在下面的示例中，我使用此属性删除了项目符号。

ul {
    list-style-type:none;
}

<ul>
    <li><input type="checkbox"> whatever</li>
    <li><input type="checkbox"> whatever</li>
 <ul>

编辑

根据您的小提琴，您可以尝试此操作，以便复选框与单词对齐。

<ul>
    <li>

        <dl>
          <dt> <input type="checkbox"> Coffee </dt>
          <dd> Black, Strong <dd>
      </dl>
    </li>
    <li>

        <dl>
          <dt> <input type="checkbox"> Tea </dt>
          <dd> Exotic </dd>
</ul>