html - 在 HTML 的无序列表中使用列表样式类型的复选框

Question

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

list-style-type没有这样的选择。我试图将输入标签附加到 <li>这样的:

<input type= "checkbox">
但是这个looks too ugly因为复选框不在与 <li> 中其余 html 不同的行上.

Answer 1

你的问题不是很清楚。

list-style-type 用于改变子弹的美观，但不能有特定的功能。在下面的示例中，我使用此属性删除元素符号。

ul {
    list-style-type:none;
}

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

编辑

根据您的 fiddle ，您可以尝试这样做，以便复选框与单词对齐。

<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>